안녕하세요 카카오톡공유하기 테스트코드 문의

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


안녕하세요.
Kakao Developers 여기에서 하는 코드를 그대로 index.html에 붙여넣기하고 테스트 하는데 계속 4019 에러가 발생합니다.
미리보기 및 테스트에서 버튼을 눌렀을 시에는 잘 연결되는데
제가 프로젝트에 index.html 파일만 만들어서 테스트 시에는 지속적으로 4019 에러가 납니다.

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>카카오톡 공유 버튼 예제</title>
  </head>
  <body>
    <script
      src="https://t1.kakaocdn.net/kakao_js_sdk/2.7.2/kakao.min.js"
      integrity="sha384-TiCUE00h649CAMonG018J2ujOgDKW/kVWlChEuu4jK2vxfAAD0eZxzCKakxg55G4"
      crossorigin="anonymous"
    ></script>
    <script>
      // 카카오 SDK 초기화
      Kakao.init("c089c8172def97eb00c07217cae17495");
    </script>

    <!-- 카카오톡 공유 버튼 -->
    <a id="kakaotalk-sharing-btn" href="javascript:;">
      <img
        src="https://developers.kakao.com/assets/img/about/logos/kakaotalksharing/kakaotalk_sharing_btn_medium.png"
        alt="카카오톡 공유 보내기 버튼"
      />
    </a>

    <script>
      // 카카오톡 공유 버튼 설정
      Kakao.Share.createDefaultButton({
        container: "#kakaotalk-sharing-btn",
        objectType: "feed",
        content: {
          title: "딸기 치즈 케익",
          description: "#케익 #딸기 #삼평동 #카페 #분위기 #소개팅",
          imageUrl:
            "http://k.kakaocdn.net/dn/Q2iNx/btqgeRgV54P/VLdBs9cvyn8BJXB3o7N8UK/kakaolink40_original.png",
          link: {
            // [내 애플리케이션] > [플랫폼] 에서 등록한 사이트 도메인과 일치해야 함
            mobileWebUrl: "https://developers.kakao.com",
            webUrl: "https://developers.kakao.com",
          },
        },
        social: {
          likeCount: 286,
          commentCount: 45,
          sharedCount: 845,
        },
        buttons: [
          {
            title: "웹으로 보기",
            link: {
              mobileWebUrl: "https://developers.kakao.com",
              webUrl: "https://developers.kakao.com",
            },
          },
          {
            title: "앱으로 보기",
            link: {
              mobileWebUrl: "https://developers.kakao.com",
              webUrl: "https://developers.kakao.com",
            },
          },
        ],
      });
    </script>
  </body>
</html>

문제가 뭘까요? 모르겠습니다. 답변 꼭 부탁드립니다.

안녕하세요.

해당 앱 키는 샘플용 디벨로퍼스 앱이며 카카오디벨로퍼스 사이트에서만 사용 가능합니다.
예제를 참고하시되 앱을 생성하여 사용 부탁드립니다.

답변 감사드립니다~!!
제가 http://127.0.0.1:3000로 등록하고 발급된 키로 테스트 할 때도 동일한 4019에러가 발생하던데 혹시 그렇다면 실제 웹사이트로만 테스트가 가능할까요?

JS SDK는 플랫폼에 등록된 도메인에서만 사용할 수 있습니다.
http://127.0.0.1 을 등록하였을까요?

플랫폼에 웹 http://127.0.0.1로 등록하고
JavaScript 키를 할당했는데 같은 4019 에러가 발생합니다. 여기서 계속 헤매고 있습니다ㅠㅠ

앗 도메인 주소를
http://127.0.0.1:3000
http://127.0.0.1:5500 까지 등록하니까 해결됐습니다!! 감사합니다~!!

1개의 좋아요