기록

카카오톡 공유기능

해은 2020. 5. 19. 21:56

1. 카카오 디벨로퍼(https://developers.kakao.com/)에서 내 어플리케이션 등록

2. 플랫폼에 사이트 도메인 등록 (등록 안 하면 버튼 안 눌림!)

3. 앱 설정 -> 요약정보에서 앱 키 받아오기

4. index.html에

<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
<script type="text/javascript">
  //<![CDATA[
  Kakao.init('받아온 앱키');
  Kakao.isInitialized();
  //]]>
</script>

5. 버튼 누르면 작동하는 함수 추가

shareKakao(){
  Kakao.Link.sendDefault({
 	objectType: 'feed',
 		content: {
        title: '',
        description: '',
        imageUrl: '',
        link: {
          mobileWebUrl: '',
          webUrl: '',
        },
      },
      buttons: [
        {
          title: '버튼타이틀',
          link: {
            mobileWebUrl: '',
            webUrl: '',
          },
        },
      ],
      success: function(response) {
       console.log(response);
      },
      fail: function(error) {
       console.log(error);
       }
    });
  },

- url에 window.document.location.href 넣어서 현재 페이지 공유되도록 할 수 있음

- pc에서도 공유하고 싶다면 webUrl 넣어주기

- 더 많은 정보는 https://developers.kakao.com/docs/latest/ko/message/common 여기서 보기!