본문 바로가기
3th Party Util

JavaScript - Kakao JavaScript SDK Wrapper

by kakao-TAM 2020. 12. 31.

Demo Site : test-tam.pe.kr/kakaoJavaScriptSDK.html

 

Kakao JavaScript SDK Wrapper

프로필 가져오기 현재 로그인한 사용자의 카카오계정에 연결된 카카오톡 프로필 정보를 받는 기능입니다. 사용자 카카오계정에 연결된 카카오톡이 없다면 에러 응답을 받습니다. talkProfile() 친

test-tam.pe.kr

GitHub : github.com/kakao-tam/KakaoJavaScriptSDKWrapper

 

kakao-tam/KakaoJavaScriptSDKWrapper

Kakao JavaScript SDK Wrapper. Contribute to kakao-tam/KakaoJavaScriptSDKWrapper development by creating an account on GitHub.

github.com

사용 방법

 

1. html 헤더영역에 kakao SDK와 "Kakao JavaScript SDK Wrapper"를 순서대로 추가합니다.

<!doctype html>
<html lang="kr">
<head>
    <meta charset="utf-8">
    <script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
    <script src="kakaoJavaScriptAPIwrapper.js"></script>
</head>
<body>
.......
</body>
</html>

2. Github에서 받은 "kakaoJavaScriptAPIwrapper.js" 파일에서 설정정보를 변경합니다.

var JAVASCRIPT_KEY = "222222222222222222222222222222";
var REST_API_KEY   = "4444444444444444444444444444448";
var CLIENT_SECRET  = "QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ";
var ADMIN_KEY      = "777777777777777777777777777777777";
var REDIRECT_URI   = "your_paht"; //도메인 제외 http://test.com/ 이후 경로
var CHANNEL_ID     = "_GGGGGG";

3. 본문에서 스크립트 함수 호출하여 사용합니다.

<h5 class="card-title">로그인(PopUp)</h5>
<a href="javascript:loginPopUp()" class="btn btn-primary">loginPopUp()</a>

<h5 class="card-title">사용자 정보 가져오기</h5>
<a href="javascript:profile()" class="btn btn-primary">profile()</a>

댓글