콘텐츠 보안 정책 헤더

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 https://sdk.iad-01.braze.com: SDK가 Braze API와 통신하도록 지원 합니다.
  • 이 URL을 baseUrl 초기화 옵션의 API SDK 엔드포인트와 일치하도록 변경하십시오.

script-src

• script-src https://js.appboycdn.com: CDN 호스팅 통합을 사용할 때 필요합니다.
• script-src 'unsafe-eval': appboyQueue에 대한 참조를 포함하는 통합 스니펫을 사용할 때 필요합니다.
  • 이 지시문을 사용하지 않으려면 NPM을 사용하여 통합하십시오.
• script-src 'nonce-...' 또는 script-src 'unsafe-inline': 특정 인앱 메시지(예: 커스텀 HTML)에 필요합니다.

img-src

• img-src: appboy-images.com braze-images.com cdn.braze.eu: Braze CDN에서 호스팅된 이미지를 사용할 때 필요합니다. 이들 호스트 이름은 대시보드 클러스터에 따라 다를 수 있습니다.

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 지침이 필요합니다:

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