[Javascript] KAKAO 공유하기 기능

카카오톡 공유하기 기능 을 사용하려면 우선

​

KAKAO DEVELOPER 에서 API 키 발급이 필요하다.

​

https://developers.kakao.com/

 

키발급후 JAVASCRIPT 개발 가이드 > 카카오링크 를 참조하여 개발이 가능하다.

 

<script  src="http://code.jquery.com/jquery-latest.min.js"></script>
<script  src="https://developers.kakao.com/sdk/js/kakao.js"></script>

<script type='text/javascript'>
  //<![CDATA[
    // // 사용할 앱의 JavaScript 키를 설정해 주세요.
    Kakao.init('YOUR APP KEY');
    // // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.
    Kakao.Link.createDefaultButton({
      container: '#kakao-link-btn',
      objectType: 'location',
      address: '경기 성남시 분당구 판교역로 235 에이치스퀘어 N동 8층',
      addressTitle: '카카오 판교오피스 카페톡',
      content: {
        title: '신메뉴 출시♥︎ 체리블라썸라떼',
        description: '이번 주는 체리블라썸라떼 1+1',
        imageUrl: 'http://mud-kage.kakao.co.kr/dn/bSbH9w/btqgegaEDfW/vD9KKV0hEintg6bZT4v4WK/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'
          }
        }
      ]
    });
  //]]>
</script>

 

이슈 : 위에보면 addressTitle 부분이 있는데 고객사의 요청으로 타리틀 중간에 #이 들어가게 되면서 이슈가 발생하였다.

이부분에 # 특수기호가 들어가면 #이전의 글까지만 노출이되고 오류가 발생이 되어지는데

이때 꼼수... ㅁ 한자 1 ＃ 로 변경하여 사용이 가능하다... 혹시 좋은 방법있으면좀... # 이것도 안됨...