[해피CGI][cgimall] 카카오스토리 공유하기

제작된 홈페이지의 특정 페이지를 이용하시는 이용자들이
이용자들의 카카오스토리로 페이지를 소개하는 링크를 걸어, 공유가 가능하도록 구현 해주는 OPEN API 입니다.

JavaScript API가 제공이 되고 있어서 쉽게 장착이 가능 합니다.

아래의 내용을 살펴보시고 장착을 직접 해보세요. ^^




1. https://developers.kakao.com/apps 
   페이지에 로그인후 접속을 합니다.

   해당 페이지에서 "앱만들기" 버튼을 클릭하여 앱생성 페이지로 이동을 합니다.

   




2. 앱생성이 완료가 되면 아래 이미지처럼 "앱 키" 발행이 됩니다.
    여기서 소개 해드리는 API는 JavaScript API 로 연동하는 방법에 해당하므로,
    JavaScript 키를 추후 이용 하시면 됩니다.

    

    앱키 발행 아래쪽에는 "플랫폼 추가" 버튼이 있습니다.
    해당 버튼을 클릭하여 "웹" 플랫폼을 추가 하고 도메인을 입력 합니다.

   




3. https://developers.kakao.com/docs/js#카카오스토리-공유하기-예제:-카카오스토리-공유-버튼-추가하기
   위 페이지에 설명이 되어 있는 소스를 실제 웹페이지에 적용을 합니다.
   
   

    JavaScript키와 url, text 항목을 변경 해주시면 됩니다.


    자세한 API 이용법은 아래 페이지를 이용하여 확인이 가능 합니다.
    https://developers.kakao.com/docs/js-reference#kakao_story

   

    위 스크린샷의 Kakao.Story.createShareButton 함수 외에도
    Kakao.Story.share() 함수와
    Kakao.Story.open() 함수를 참고 해보시는것도 좋습니다.



4. 위와 같이 소스를 추가 하셨다면, 카카오스토리 공유 버튼이 노출이 되실것이고,
    해당 버튼을 클릭시 카카오 스토리 공유 데모 페이지처럼 
    클릭시 카카오스토리 공유 팝업창이 오픈되어 이용이 가능 하게 됩니다.
    

    만약 카카오 스토리에 로그인이 안되신 상황에서는 로그인창이 먼저 연결 됩니다.
    


 
   
5. 이렇게 공유기능을 장착 하셨는데 원하시는 정보가 전달되지 않는 경우가 생길수가 있습니다.
    공유창에 스크랩되는 정보를 지정해서 넘기고 싶으신 경우,
    아래 링크를 참고 하시면 되겠습니다.
    https://devtalk.kakao.com/t/topic/927