kakao 소셜로그인 | drf | backend

client : 소셜로그인 기능을 사용하는 주체인 '나'

resource owner : 서비스를 사용하는 유저

resource server : 소셜로그인 제공하는 서버

 

사용이유

사람들에게 회원가입을 요구하지않는다.

평소에 사용하던 본인 인증이 된 카카오 아이디나 구글아이디를 요구해서 회원가입과 로그인이 쉽게 가능하다.

다음에 들어오더라도 클릭만으로 로그인이 가능

 

내가 생각한 과정

소셜로그인 누르면 카카오 로그인창으로 이동

로그인창을 가기위해 OAuth 서비스 사용하게된다

로그인이 성공하면 정보를 담아서 기존의 페이지로 redirect 된다.

카카오 dev 페이지에가서 어플생성과 로그인설정에서 정보를 얻는다.

 

진행

소셜서비스는 사용자가 타고들어온 client id 확인 (client가 내가 만든 페이지에서 들어오는지 확인)

Authorized Redirect URL 처음보는 개념이라 헷갈렸는데 인증코드를 전달해주는 경로를 정하는 과정이였다.

내가 필요한 정보를 사용자가 승인한다면 나는 소셜서비스로부터 그 사용자의 데이터를 받을 수 있다.

 

1. 소셜서비스의 승인을 받기위해 request 를 먼저 보낸다

https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=${kakao_id}&redirect_uri=${REDIRECT_URI}

2. response로 사용자가 동의, 로그인한다.

3. 받은코드로 아래의 조건에 맞춰서 post한 후 access_token을받는다.

4. access_token으로 get요청을 보내서 회원정보를 받는다.

 

 

오류

왜 일치하는 이메일이없는데 아이디가 안만들어지지 생각했는데 변수user가 선언되어있어서  만들어지지 않았다.

소셜로그인으로 로그인을 하고 로그인을 하라는 얼럿창이 뜬다 - 프론트 수정필요