Vue.js) 카카오 로그인 api 구현하기

0. 클라이언트 코드 (html)

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

 

1. 클라이언트 코트 <script>

methods: {
kakoLoginBtn() {

      var self = this; //다른 method 사용하기 위해 사용

      window.Kakao.init('asfasdfasdfasdf')
	  //처음에 카카오 로그인 세션을 없애준다.
      if (window.Kakao.Auth.getAccessToken()) {
        window.Kakao.API.request({
          url: '/v1/user/unlink',
          success: function (response) {
            console.log(response)
          },
          fail: function (error) {
            console.log(error)
          },
        })
        window.Kakao.Auth.setAccessToken(undefined)
      }

	  //로그인 시도
      window.Kakao.Auth.login({
        success: function (response) {
          window.Kakao.API.request({
            url: '/v2/user/me',
            data: {
              property_keys: ["kakao_account.email"]
            },
            success: async function (response) {

              const user_join_type = "k"
              const kakaoemail = response.kakao_account.email;
             },
            fail: function (error) {
              console.log(error)
            },
          })
        },
        fail: function (error) {
          console.log(error)
        },
      })

    }
    
 }