카카오 OAuth 기억하기

이경준·2021년 3월 6일
0

OAuth는 사용자가 서비스를 좀 더 쉽게 이용할 수 있으며, 개인정보를 이용한 회원가입을 많은곳에서 하지 않아도 되는 토큰 인증방식이다.
구현 단계를 작성해보자

1. 서비스 등록하기

1-1. developers.kakao.com 으로 들어가서 로그인 한후 내 애플리케이션으로 들어간다.
1-2. 애플리케이션 추가하기로 들어가서 플랫폼 설정하기로 들어간다.


1-3. 플래폼을 등록한다.

1-4. 리다이렉트 uri를 등록한다(로그인시 넘어갈 uri를 적는다)

1-5. 동의항목을 지정한다

2.토큰을 받기위한 코드 확인하기

2-1. html파일에서 script지정하기

<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
    <script>
      window.Kakao.init("토큰 복/붙");
    </script>

script src를 지정한 후 kakao.init을 해줘야 사용이 가능하다.

2-2. 로그인 함수 사용

window.Kakao.Auth.login({
      scope: "profile, account_email",
      success: function (response) {
        sessionStorage.setItem("oauthToken", response.access_token);
        });
      },
      fail: function (error) {
        console.log(error);
      },
    });
  1. window.Kakao.Auth.login() 함수로 클릭시 자동 로그인 화면이 나오게 구현이 가능하다.
  2. scope는 지정한 동의항목을 작성하는 구간이다.
    3.success일시 진행할 함수와 fail일때의 작동 여부를 작성가능하다.

3. 로그인 정보 가져오기

window.Kakao.API.request({
          url: "/v1/api/talk/profile",
          success: (res) => {
            console.log(res);
            );
          },
        });

동의했던 사항의 정보와 유저의 정보를 받아올수있다.

profile
내가 기억하기위한 블로그

0개의 댓글