본문 바로가기
개발/javascript

javascript 카카오톡 메세지 피드 링크 공유하기 예제, 키 발급 방법

by 향유 2022. 6. 28.
<a href="javascript:sendLink();"><i><img src="/html/_skin/mdp/img/icons/ico_kakaotalk.png" alt="kakaotalk" id=""/></i>카카오톡</a>

<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
<script type="text/javascript">
	  var my_key='';
      Kakao.init(my_key);
      Kakao.isInitialized();
//        console.log(Kakao.isInitialized());
      function sendLink() {
        Kakao.Link.sendDefault({
          objectType: 'feed',
          content: {
            title: '<?=@$arrProduct['title']?>',
            description: '#<?=@$arrProduct['brand_title']?> #<?=@$arrProduct['title']?>',
            imageUrl:
              '<?=@$arrProduct['files'][1]?>',
            link: {
              mobileWebUrl: 'https://cocobiz.co.kr/product/detail&code=<?=$this->reqData['code']?>',
              webUrl: 'https://cocobiz.co.kr/product/detail&code=<?=$this->reqData['code']?>',
            },
          },
          buttons: [
            {
              title: '웹으로 보기',
              link: {
                mobileWebUrl: 'https://cocobiz.co.kr/product/detail&code=<?=$this->reqData['code']?>',
                webUrl: 'https://cocobiz.co.kr/product/detail&code=<?=$this->reqData['code']?>',
              },
            },
          ],
        })
      }
</script>

1) my_key : 발급받은 키 담는 변수
2)  Kakao.init(my_key) : 서비스 키 초기화
      Kakao.isInitialized();
//    console.log(Kakao.isInitialized())  : 확인 콘솔 true시 정상
3) sendLink : 실행 함수

 

카카오 계정 key 발급

https://developers.kakao.com/

 

Kakao Developers

카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.

developers.kakao.com

 

내 어플리캐케이션
어플리케이션 추가
추가 2
javascript 키 발급 하여 사용

 

댓글