개발 기록

로그인 api[kakao] 본문

api

로그인 api[kakao]

청군로 2021. 6. 28. 22:21

카카오에서 제공하는 무료 api사용해보기[로그인]

https://developers.kakao.com/

 

Kakao Developers

카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.

developers.kakao.com

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="javascript:kakaoLogin();">
    <img src="https://odaeri.kr/images/buttons/btn_kakao-v2.3.png"
    style="height: 60px;">
</a>
<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
<script>
    //api key : e95791f6cb51af1530610d23ead8d43f
    window.Kakao.init("사용자의 api key");

    //카카오 로그인
    function kakaoLogin( ){
        window.Kakao.Auth.login({
        	//사용자에게 동의를 받고 수집할 정보들
            scope : 'profile_nickname, profile_image, account_email, gender',
            success : function(authObj){
                console.log(authObj);
                window.Kakao.API.request({
                    url : '/v2/user/me',
                    success : res => { //성공 시 json형태로 데이터를 받게 됨
                        const kakao_account = res.kakao_account;
                        //kakao_account안에 이미지 닉네임등 전부 들어있음
                        console.log(kakao_account);
                    }
                });
            }
        });
    }
</script>
</body>
</html>

 

Comments