[ci4] 소셜로그인 카카오 로그인/로그아웃

카카오 로직이다.

 

Kakao.init('사용할 앱의 JavaScript 키 값 입력');
      Kakao.isInitialized();

      function KakaoLogin(){
          Kakao.Auth.login({
            success: function(authObj) { // 로그인 했을 때 성공 여부 불러옴
               Kakao.API.request({
                 url: '/v2/user/me',
                 success: function(res) { // 로그인한 사람의 개인정보 불러옴
                  console.log(JSON.stringify(res));
                  //alert(res.id);
                  
                  Kakao.Auth.authorize({
                      redirectUri: '${REDIRECT_URI}' // 인가토큰을 받는다. 이를 통해 server측에서 이를 받아 access token을 요청하고 kakao측에서 받아 이를 user에게 전달하면 유저는 이를 이용해 로그인을 유지.
                    });	
                  console.log(res.id);
                  document.LogInPage.UserKakao.value = res.id;
                  document.forms["LogInPage"].submit();
                 },
                 fail: function(error) {
                   //alert(JSON.stringify(error));
                 }
               });
            },
            fail: function(err) {
              //alert(JSON.stringify(err));
            }
          });
      }
      // Kakao.Auth.authorize({
      //   // redirectUri: '{REDIRECT_URI}'
      // });

위에 코드는 그냥 로그인 부분이라 로그인을 유지하는 곳이 어디인가 했는데, 아래에 있었군;;;

 

대충 이렇게 진행하는 것 같은데, 인가토큰을 받았는데, access 토큰을 받는 곳(서버측)을 구현하지 못해서 중단.

 

-참고 코드-

https://velog.io/@dding_ji/PHP-%EC%B9%B4%EC%B9%B4%EC%98%A4-API-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0-WEB-JavaScript-SDK