コンテンツセキュリティポリシーヘッダー

Content-Security-Policyは、Webサイトにコンテンツを読み込む方法と場所を制限することにより、セキュリティを強化します。この参考記事では、Web SDKに必要なコンテンツセキュリティポリシーヘッダーについて説明します。

important:

この記事は、CSPルールを適用し、Brazeと統合するウェブサイトを開発する開発者を対象としています。セキュリティへの取り組み方についてのアドバイスを意図したものではありません。

note:

This guide uses code samples from the Braze Web SDK 4.0.0+. To upgrade to the latest Web SDK version, see SDK Upgrade Guide.

ノンス属性

noncescript-srcstyle-srcまたはディレクティブで値を使用する場合は、contentSecurityNonceその値を初期化オプションに渡して、SDK によって生成された新しく作成されたスクリプトとスタイルにその値を伝えます。

```javascript import * as braze from “@braze/web-sdk”;

ブレイズ. イニシャライズ (API キー,); { baseUrl: baseUrl, contentSecurityNonce: “YOUR-NONCE-HERE”, // assumes a “nonce-YOUR-NONCE-HERE” CSP value } ```

connect-src https://sdk.iad-01.braze.com: SDK が Braze API と通信できるようにします。
- この URL を、baseUrl初期化オプションの API SDK エンドポイントと一致するように変更してください。

script-src https://js.appboycdn.com: CDN ホストインテグレーションを使用する場合に必要です。
script-src 'unsafe-eval': への参照を含む統合スニペットを使用する場合は必須 appboyQueue
- このディレクティブを使わないようにするには、代わりに NPM を使って統合してください。
script-src 'nonce-...' またはscript-src 'unsafe-inline':特定のアプリ内メッセージ (カスタム HTML など) に必要です。

img-src: appboy-images.com braze-images.com cdn.braze.eu: Braze CDN ホストイメージを使用する場合に必要です。これらのホスト名は、ダッシュボードクラスターによって異なる場合があります。

Font Awesomeの自動インクルードを無効にするには、doNotLoadFontAwesome初期化オプションを使用してください。

```javascript import * as braze from “@braze/web-sdk”;

ブレイズ. イニシャライズ (API キー,); { baseUrl: baseUrl, doNotLoadFontAwesome: true, } ```

Font Awesome を使用する場合は、次の CSP ディレクティブが必要です。

HOW HELPFUL WAS THIS PAGE?