게시글 카카오 링크로 공유해버리기

내가 지금 보고있는 게시글을 카카오링크로 공유하구 싶어서 만든 카카오링크 공유하기

 

1. 카카오 애플리케이션 만들기

(이미 있는 친구들은 넘기셔도 무관합니다)

그냥 간단하게 카카오 개발자홈페이지(https://developers.kakao.com/console/app) 들어가서 애플리케이션을 추가하면 완룡

 

2. 카카오 sdk 다운 및 추가하기

카카오 개발자 홈페이지에 있는 카카오 SDK 다운로드하기(https://developers.kakao.com/docs/latest/ko/sdk-download/js) 에서 원하는 SDK를 저장한뒤 넣어주자

 

3. 소스코드

<script src="/js/kakao.js"></script>
<script>
	function shareKakao(){
        let currentUrl = window.document.location.href;

        Kakao.init('YOUR APP KEY');

        Kakao.Link.sendDefault({
            objectType: 'feed',
            content: {
                title: '',
                description: '',
                imageUrl: '',
                link: {
                    mobileWebUrl: currentUrl,
                    webUrl: currentUrl
                }


            },social: {
                likeCount: 10,
                commentCount: 20,
                sharedCount: 30,
            },
            buttons: [
                {
                    title: '게시글확인',
                    link: {
                        mobileWebUrl: currentUrl,
                        webUrl: currentUrl
                    }
                }
            ],            
            serverCallbackArgs: `{"current": "${currentUrl}"}`

        })
    }
</script>

 

4. 서버 콜백(추가)

 

카카오링크를 성공적으로 공유했는지 안했는지를 파악해야되는데 특별하게 success나 error 가 없었다 ㅠㅠㅠ 그래서 서버 콜백을 이용해야 했었는데

먼저 카카오 develop 홈페이지 카카오링크에가서 서버 url 을 추가해준당

그다음에 코드에서 서버 콜백을 추가하면 request로 데이터를 받아서 처리 할 수있다.

 

이부분이 추가한 서버 콜백 부분인데 

serverCallbackArgs: `{"current": "${currentUrl}"}`

이렇게 추가하면 서버에서 받을 수 있다!

$request->current_url //currentUrl

---

 

#카카오 링크 공유하면서 생긴 오류

 

 

 



 

이런 오류가 발생했는데 이건 도메인이 맞지 않아서 생긴 오류라고했다. 도메인을 다시 설정해주니 완료됬다!