CORS 질문: Blogspot 임베딩

[DonH]

우리가 새로 임베드한(같은 도메인) Ghost 블로그를 보고, 회원 중 한 명이 Blogspot에서도 같은 방식으로 임베드할 수 있는지 물었습니다. 시도해 보았지만, 아래까지만 진행할 수 있습니다:

허용된 호스트는 다음과 같습니다:

임베드 스크립트는 다음과 같습니다:

<script type="text/javascript">
DiscourseEmbed = { discourseUrl: 'https://forum.rosehybridizers.org/',
			     discourseEmbedUrl: '{{url absolute="true"}}' };
(with and without discourseReferrerPolicy: 'strict-origin-when-cross-origin'};)

(function() {
var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
</script>  

CORS는 App.yml을 통해 활성화되어 있습니다:

DISCOURSE_ENABLE_CORS: true

다음과 같이 시도해 보기도 했습니다:

DISCOURSE_CORS_ORIGIN: ‘*’

매번 설정 후 app destroy/start를 실행했습니다.

허용된 오리지ンは 다음과 같습니다:

다음 두 설정이 모두 체크되어 있습니다:

Enable Content-Security-Policy
and
Restrict who can embed this site in iframes via CSP.

Jscript 콘솔에는 다음과 같은 메시지가 표시됩니다:

도움을 주시면 감사하겠습니다.

[Falco]

@DonH

discourseEmbedUrl: '{{url absolute="true"}}' };

이것은 잘못되었습니다. {{url absolute="true"}}는 코드가 실행되기 전에 대체되지 않기 때문입니다.

또한, Discourse 코멘트를 로드하는 코드 로딩을 홈페이지가 아닌 아티클 페이지로만 제한하는 것이 좋습니다.