소셜 로그인 과정은 위와 같다.
- 카카오 서버에
인증 코드 요청
하고- 받은 인증 코드로 다시 카카오 서버에
access_token을 요청
하고- header에 담긴 access_token을 전달 받아,
카카오 API를 호출
하여유저 정보를 받아와서
- 유저정보로 나의
web 전용의 token
을 발급한다.
이번 게시판 프로젝트에서,
1,2번은 프론트단에서
3,4번은 백엔드단에서 나눠서 진행하도록 하였다.
직접 내가 인증 코드를 요청해서 access_token을 발급받을 수 있지만, 프 / 백 나눠서 소셜 로그인을 진행하기로 하였기 때문에
나는 3번 header에 전달받은 access_token으로 유저정보를 받아오는 부분부터 작성할 것이다.
를 이용하여, 실제로 access_token를 발급받을 수있다.
(단, 요청 부분의 인증앱에서 'developers-sample'이 아닌 내가 만든 애플리케이션 앱으로 재선택
하여 받은 받은 access_token을 활용해야 한다. 👇)
왜..?
위의 사진처럼 status_code가 401인 이유
는
나의 경우,
developers-sample
의 access_token으로 (카카오)사용자 정보를 요청했기 때문에,
<Response의 status_code [401]>
가 발생하였기 때문이다.
즉, 유요한 액세스 토큰을 요청하려면,
내가 만든 애플리케이션으로 인증앱을 재선택 후에 엑세스 토큰을 발급하면 된다.
그러나,
만든 앱으로 선택했음에도 불구하고,
유저 정보를 불러오지 못하는 <Response의 status_code [401]>
가 발생하였다.
Kakao develpor의 devtalk에 질문한 결과,
라는 답변을 얻은 결과,
로그인시 token이 발급되었다.