Front-end/JS tip

javascript 카카오 공유하기

아지송아지 2022. 1. 22. 22:25

예시 코드


https://github.com/hellojaehyeok/kakao-share

 

GitHub - hellojaehyeok/kakao-share: 카카오톡 공유하기 기능입니다

카카오톡 공유하기 기능입니다. Contribute to hellojaehyeok/kakao-share development by creating an account on GitHub.

github.com

 

사용법


1. https://developers.kakao.com/ 에 접속하고 내 어플리케이션을 클릭합니다

 

2. 플랫폼 -> Web에서 공유할 URL을 넣습니다.

예를 들어로컬 환경에서 네이버 링크를 공유하고 싶을 경우 네이버 링크를 넣어야 합니다.

 

3. html에 아래 코드를 넣습니다.

<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>

 

4. 예시코드를 참고하여 코드를 넣으시면 됩니다.

아래 사진과 같이 5개의 형식이 있습니다.

 

* 일반적인 템플릿

 

* 리스트형식

 

* 피드형식

 

* 위치형식

 

* 커머스형식