5️⃣ 카카오 공유 API

도서 상세페이지 안에 카카오톡으로 책 정보를 보내서 공유할 수 있는 기능을 만들었습니다.

해당 기능은 카카오 API를 사용했기에 사전에 설정이 필요합니다.

 

📍 카카오 사전 설정

https://developers.kakao.com/

Kakao Developers

위 홈페이지에 접속해서 상단 내 애플리케이션 턉에 들어가서

애플리케이션 추가하기를 했습니다.

 

 

📍 코드

 

카카오 로그인을 사용하기 위해서는 카카오 JavaScript SDK를 사용해야 합니다.

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

 

 

CHURY/templates/board/detail.html

카카오톡 아이콘을 클릭하면 sendLinkDefault()가 실행됩니다.

 

Kakao.init 괄호 안에는 홈페이지에서 발급한 자바스크립트 키를 넣어줍니다.

필요한 정보 (title, description, image 등)을 알맞게 작성하고

CHURY는 로그인 한 회원에게만 정보를 보여주기 때문에

공유된 링크를 클릭하면 메인 인트로 페이지로 연결되게 설정했습니다.

 

 

📍 UI

도서 상세페이지

위 화면은 CHURY에서 특정 도서를 클릭했을 경우 보이는 도서 상세페이지입니다.

 

 

여기에서 카카오톡 아이콘을 클릭하면 카카오톡 공유 창이 띄워집니다.