Discourse 임베딩 오류

[Roque_Terrani]

안녕하세요! 저는 Grow with Jane 팀의 일원입니다. 저희는 대마초 재배자를 위한 웹 플랫폼을 운영하고 있습니다. 이미 매우 성공적인 트래킹 앱을 보유하고 있지만, 이제 온라인 커뮤니티를 구축하고자 합니다. 현재 사용자들의 재배 식물 일부를 게시하기 위해 WordPress를 설치해 두었습니다(게시글 대신 직접 개발한 커스텀 플러그인을 사용 중입니다). 그리고 이제 각 재배 로그(growlog)에 댓글 상자를 추가하려고 합니다.

저희는 Discourse를 매우 좋아하고, 이 도구가 저희 커뮤니티에 큰 변화를 가져다줄 것이라 생각합니다. 하지만 반드시 임베딩(embedding) 기능이 정상적으로 작동해야 합니다.

현재 개발용 웹사이트에 Discourse를 임베드하려고 시도하고 있지만 작동하지 않습니다.

브라우저에서 다음과 같은 오류가 발생하고 있습니다(URL에 공백을 추가한 이유는 링크를 하나 이상 게시할 수 없기 때문입니다)

‘DOMWindow’에서 ‘postMessage’ 실행 실패: 제공된 대상 오리진(’‘)이 수신 창 오리진(’')과 일치하지 않습니다.
VM1412 embed-application-08a52625979d3d44aac8a2dedf5a1a662fec81ffe8a9ebc2e6eefb15b2980874.js:1 'DOMWindow’에서 ‘postMessage’ 실행 실패: 제공된 대상 오리진(‘https:// discourse.growithjane. com’)이 수신 창 오리진(‘https:// dev.growithjane. com’)과 일치하지 않습니다.

app.yml에서 CORS를 활성화했습니다.
CORS 오리진 설정에 개발용 웹사이트 도메인을 추가했습니다.
임베딩 설정에 호스트를 추가했습니다.
페이지에 HTML 코드를 추가했습니다.

테스트 페이지: https://dev.growithjane.com/test-embed/
제 설정 내용

[Stephen]

wp-discourse를 확인해 보셨나요? 이 플러그인으로 할 수 없는, 여기서 특별히 하고 싶은 작업이 있으신가요?

[Roque_Terrani]

네, 확인해 봤는데 그 플러그인은 게시물(posts)과 함께 작동하는 것 같습니다. 하지만 저는 커스텀 워드프레스 플러그인에서 동적 페이지를 생성하고 있어서, 커스텀 구현이 필요합니다.

[Stephen]

게시물과 페이지에서 작동합니다.

"동적 페이지"라고 하셨을 때, 페이지 빌더를 통한 것을 말씀하시는 건가요?

[Roque_Terrani]

네, 맞습니다.
저는 워드프레스 플러그인을 설정했고, 일반 게시물에서는 정상적으로 작동하고 있습니다. 따라서 설정 문제보다는 크롤러에 문제가 있는 것 같다는 의심이 듭니다.
업데이트가 있으면 다시 올릴게요.

감사합니다!

[Stephen]

기본적으로 활성화되어 있지 않습니다. 플러그인 설정을 확인해 주세요.

[Roque_Terrani]

문제를 찾았어요!
"임베딩 설정"에서 "토픽 생성 시 사용할 사용자 이름"을 설정하지 않았거든요.