카카오톡 공유하기 4002 에러

문의 시, 사용하시는 SDK 버전 정보와 디벨로퍼스 앱ID를 알려주세요.


버전 : 2.1.0
ID : 1088169
사용 URL: “https://choihuiwon.github.io/wedding
sendScrap() 사용

<script
      src="https://t1.kakaocdn.net/kakao_js_sdk/2.1.0/kakao.min.js"
      type="text/javascript"
      async=""
      integrity="sha384-dpu02ieKC6NUeKFoGMOKz6102CLEWi9+5RQjWSV0ikYSFFd8M3Wp2reIcquJOemx"
      crossorigin="anonymous"
    ></script>
    <script
      src="//dapi.kakao.com/v2/maps/sdk.js?autoload=false&amp;appKey=c65c62ec7c5f21430c578bb06d6f2604"
      type="text/javascript"
      async=""
    ></script>

에러 내용 :

  • Error Code 4002
  • UUID 454ce350-cd14-4ee7-b5d4-ce480914bc88
  • 올바른 메시지 템플릿 ID를 사용해야 합니다.
  • 메시지 내 링크의 도메인을 앱의 Web 플랫폼에 등록해야 합니다.
  • 모바일 환경에서 패킷 사이즈 제한(10K)을 초과하지 않아야 합니다.

이런 에러가 발생합니다.
web 플랫폼 도메인에 https://choihuiwon.github.io/wedding 를 추가하려고 했지만 유효하지 않은 host 로 등록할 수 없어 Redirect URI 에만 추가한 상태입니다.

템플릿 ID에 디벨로퍼스앱ID를 기재해서 오류 발생했습니다.

  • 올바른 메시지 템플릿 ID를 사용해야 합니다.

가이드 확인해주세요.

메시지 템플릿 | Kakao Developers 메시지 템플릿
카카오톡 공유: JavaScript | Kakao Developers 카카오톡 공유: JavaScript

감사합니다.
메세지 템플릿 ID 109459 로 변경후에 한번 테스트 하였을때 잘 되는것을 확인했으나
템플릿 이미지 변경 후 아래와같은 콘솔에러 확인하였습니다.
공유창도 뜨지않고 에러안내창도 뜨지 않습니다. 해결할 방법이 있을까요?

proxy.js:1 Uncaught Error: Attempting to use a disconnected port object
at handleMessageFromPage (proxy.js:1:779)

해당 에러는 카카오와 무관한 에러로 보입니다.
아마도 페이지 로딩중 스크립트 에러 발생해서 에러 하위 스크립트가 작동하지 않는 것 아닐까 싶네요.

빈 페이지에 카카오톡 공유하기 기능만 두고 테스트 해보시겠어요?

같은 코드로 다른 git repo 생성해서 실행했을때는 또 정상 동작을 확인했습니다…
하지만 공유한 후 다시 시도했을때 같은 오류 발생하고
이전에 오류 발생했던 레포에서 다시 시도하니 또 잘 되네요…
정확히 어떤 상황일때

Mixed Content: The page at ‘https://choihuiwon.github.io/weddingtest/’ was loaded over HTTPS, but requested an insecure element ‘http://t1.daumcdn.net/localimg/localimages/07/2018/pc/common/logo_kakaomap.png’. This request was automatically upgraded to HTTPS, For more information see https://blog.chromium.org/2019/10/no-more-mixed-messages-about-https.html

와 같은 오류가 발생하는지 모르겠습니다 ㅜㅜ

에러 메시지 그대로 html에 https, http 혼재되어 그런거 같은데요? http를 https로 변경해보시면 좋을 것 같습니다.