콘텐츠 보안 정책 헤더

Content-Security-Policy는 콘텐츠가 웹사이트에 로드되는 방식과 위치를 제한하여 추가 보안을 제공합니다. 이 참조 문서에서는 웹 SDK에 필요한 콘텐츠 보안 정책 헤더를 다룹니다.

Nonce 속성

nonce 값을 script-src 또는 style-src 지시문에서 사용하는 경우 해당 값을 contentSecurityNonce 초기화 옵션에 전달하여 SDK에서 생성하는 새로 만든 스크립트 및 스타일에 전파합니다.

1
2
3
4
5
6
import * as braze from "@braze/web-sdk";

braze.initialize(apiKey, {
  baseUrl: baseUrl,
  contentSecurityNonce: "YOUR-NONCE-HERE", // assumes a "nonce-YOUR-NONCE-HERE" CSP value
});

지시 사항

connect-src{#connect-src}

script-src{#script-src}

img-src{#img-src}

Font Awesome

자동으로 Font Awesome을 포함하지 않으려면 doNotLoadFontAwesome 초기화 옵션을 사용하십시오:

1
2
3
4
5
6
import * as braze from "@braze/web-sdk";

braze.initialize(apiKey, {
  baseUrl: baseUrl,
  doNotLoadFontAwesome: true,
});

Font Awesome을 사용하기로 선택한 경우 다음 CSP 지침이 필요합니다:

• font-src https://use.fontawesome.com
• style-src https://use.fontawesome.com
• style-src 'nonce-...' 또는 style-src 'unsafe-inline'