소셜 로그인을 처음 진행했다면 프론트 회원가입 페이지로 리다이렉트

<https://keydeuk.com/sign-up?email=qkdanswjd%40naver.com&provider=KAKAO&providerId=3510986094&nickname=%EC%88%98%EB%B9%88&imgUrl=http%3A%2F%2Ft1.kakaocdn.net%2Faccount_images%2Fdefault_profile.jpeg.twg.thumb.R640x640>

이렇게 파라미터로 소셜 로그인으로 얻은 정보를 넘겨주고 있습니다

Untitled

파라미터로 받은 이메일은 해당 창을 띄울때 채워주실수 있나요?

나머지 부분은 입력 받은후 일반 회원가입과 똑같이 진행시켜주시면 됩니다!

카카오 로그인

Untitled

  1. 프론트에서 ${BASE_URL}/oauth2/authorization/${provider} 요청 보냄
  2. 카카오 로그인 페이지 띄움 = 카카오 로그인 요청
  3. 백엔드가 인가 코드 받기 요청 보냄 /oauth2/authorization/kakao
  4. /oauth2/authorization/kakao 로 로그인시 백엔드가 보내면 https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=7988f1b251d5d4b4a4e41ec3ff344fd2&scope=profile_nickname profile_image account_email&state=3cbxirX2AeIVaOJeQNreJTbpJb8DHP05KCfd37lldM8%3D&redirect_uri=[https://keydeuk-be.shop/login/oauth2/code/kakao](https://keydeuk-be.shop/login/oauth2/code/kakao).

-> 카카오에서 인증이 완료되고, redirect_uri로 인증 코드(code)와 상태 매개변수(state)를 포함한 요청이 백엔드 서버로 리디렉션됨

  1. redirect_uri=https://keydeuk-be.shop/login/oauth2/code/kakao 로 리다이렉트됨

  2. https://keydeuk-be.shop/login/oauth2/code/kakao 리다이렉트된 해당 요청은 카카오의 HTTP POST

https://kauth.kakao.com/oauth/token 로 요청을 보냄 = 인가 코드로 토큰 발급 요청

  1. 토큰 발급이 완료되면 해당 토큰으로 사용자 정보를 가져와서 후처리함