CSP 제한이 있는 환경에서 Razorpay 구독 버튼 임베딩 방법

제품 지원
1

구독을 위한 간단한 정적 페이지를 만들었고, 이제 이 페이지에 버튼을 삽입하려고 합니다.

해당 버튼의 코드는 다음과 같습니다:

<form>
    <script
        src="https://cdn.razorpay.com/static/widget/subscription-button.js"
        data-subscription_button_id="pl_randodmdi7373737"
        data-button_theme="brand-color"
        async>
    </script>
</form>

제가 아는 바로는 CSP 때문에 이 스크립트를 사용할 수 없는데, 이걸 가능하게 할 방법이 있을까요?

참고: 커스텀 페이지에는 랜딩 페이지 플러그인을 사용 중입니다.

2

도움이 될 수 있습니다

CSP에 대한 추가 정보는 여기서 확인할 수 있습니다: Mitigate XSS Attacks with Content Security Policy

3 
Content security policy script src 

​
https://cdn.razorpay.com
항목 추가…

​
 content_security_policy_script_src: 값은 'unsafe-eval' 또는 'wasm-unsafe-eval'이어야 하거나, 지원되는 해시 알고리즘(sha256, sha384 또는 sha512)을 사용하여 '<hash algorithm>-<base64 value>' 형식으로 입력해야 합니다. 입력 값이 작은따옴표로 감싸져 있는지 확인하세요.
추가 허용 목록에 추가된 스크립트 소스입니다. 현재 호스트와 CDN은 기본적으로 포함됩니다. Content Security Policy(CSP)를 사용한 XSS 공격 완화 방법을 참조하세요. strict-dynamic이 활성화되어 있어 다른 호스트 소스는 무시됩니다.

이것이 제가 받는 오류입니다.

4

네, 관리자 영역의 설정 구성에서 발생하는 오류입니다… 스크립트를 추가한 후, 브라우저 콘솔에서 오류를 확인해야 합니다. (스크립트가 로드되어야 하는 페이지에서 마우스 오른쪽 버튼을 눌러 '검사’를 선택한 뒤, ‘콘솔’ 탭으로 이동하세요)

콘솔에는 다음과 유사한 오류가 표시되어야 합니다:

A red error message displays in a web browser, indicating that an inline script was refused to execute due to a violation of the Security Policy directive. (Captioned by AI)
A red error message displays in a web browser, indicating that an inline script was refused to execute due to a violation of the Security Policy directive. (Captioned by AI)1280×132 27.9 KB

이 오류에는 해시 또는 nonce 값이 제공되며, 이 값을 관리자의 ‘콘텐츠 보안 정책 스크립트 소스(content security policy script src)’ 설정에 추가하면 됩니다.