Oauth 카카오로그인 웹

웹에서 카카오로그인을 만들어보겠습니다.

웹은 앱보다 간단하였습니다.

로그인 페이지에 kakao sdk사용을 위해 아래내용을 추가해줍니다.

우선 앱과 동일하게 카카오개발자 사이트에 앱을 등록해줍니다.

그리고 redirect url등록도 빠트리지않고 해줍니다.

이제 js에 코드만 추가해주면 간단히 카카오 로그인을 사용할 수 있습니다.

로그인페이지에 kakao sdk사용을 위해 아래 코드를 추가해주고

login.ejs

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

앱 등록 후에 발급받은 앱 키를 넣어줍니다.

Kakao.init('c60951f171353d2c8ec772356b73fb07'); //발급받은 키 중 javascript키를 사용해준다.
console.log(Kakao.isInitialized());// sdk초기화여부판단

이제 스크립트를 이용해 로그인 통신을 하면 끝이 납니다.

//카카오로그인
 function kakaoLogin() {
     Kakao.Auth.login({
       success: function (response) {
         Kakao.API.request({
           url: '/v2/user/me',
           success: function (response) {
               alert(JSON.stringify(response));
           },
           fail: function (error) {
             console.log(error)
           },
         })
       },
       fail: function (error) {
         console.log(error)
       },
     })
 }

결과

로그인 된 계정의 정보를 object로 리턴받는 것을 확인할 수 있습니다.