本文にスキップ
AI News HubLIVE
サイト内リライト1 分で読了

CSP 許可リスト実験

記事の要約

Simon Willison が公開した実験ツール。CSP で保護されたサンドボックス iframe 内でアプリを読み込み、カスタム fetch() で CSP エラーをインターセプトし、親ウィンドウがユーザーにドメインを許可リストに追加してページをリフレッシュするよう促す仕組みを実演。

CSP 許可リスト実験
誤りを報告

訂正窓口はまだ利用できません。記事情報をコピーして保存できます。

訂正案内
本文へ

Simon Willison 氏は「CSP Allow-list Experiment」と題した実験ツールを公開しました。このツールは、コンテンツセキュリティポリシー(CSP)で保護されたサンドボックス iframe 内でアプリケーションを読み込み、カスタム fetch() 関数を使用して CSP エラーをインターセプトする仕組みを実演しています。この仕組みでは、エラーが親ウィンドウに渡され、親ウィンドウがユーザーに対して、該当するドメインを CSP の connect-src 許可リストに追加し、ページをリフレッシュするよう促すダイアログを表示します。

デモでは、サンドボックス iframe が https://api.inaturalist.org への接続を試みますが、CSP ルールによってブロックされます。ツールはこのエラーを捕捉し、親ウィンドウ上に「サンドボックスが https://api.inaturalist.org に接続しようとしました。このオリジンを CSP connect-src 許可リストに追加してページをリフレッシュしますか?」というダイアログを表示します。ユーザーが「OK」をクリックすると、許可リストに追加され、ページがリフレッシュされます。また、ツールには許可リスト管理機能も含まれており、ユーザーは https://api.github.com などのオリジンを手動で追加することもできます。

この実験は、CSP と iframe を組み合わせた柔軟なセキュリティポリシーの適用方法を示しており、特に動的にサードパーティリソースへのアクセスを制御する必要があるアプリケーション開発者にとって参考になります。

要点と分析を開く

記事インテリジェンス

エンジニア中級

要点

  • CSP サンドボックス iframe でアプリを読み込む方法を実演
  • カスタム fetch() が CSP エラーを捕捉し親ウィンドウに渡す
  • ユーザーがドメインを許可リストに追加してリフレッシュ可能
  • api.inaturalist.org と api.github.com を例に使用

要点と分析は自動生成され、誤りを含む場合があります。原典をご確認ください。