카카오 소셜 로그인 flow

SYhwang·2023년 3월 2일
1

소셜 로그인 flow

  1. 프론트가 카카오로부터 인가코드를 받는다
  2. 프론트가 인가코드로 카카오에게 accesstoken을 요청한다.
  3. 카카오가 카카오 accesstoken을 발급해서 프론트에게 준다.
  4. 프론트가 백에게 로그인 엔드포인트로 post request하며 카카오 accesstoken을 준다.

  1. 백이 프론트에게 받은 카카오 accesstoken을 가지고 카카오에게 fetch 해서 유저 정보를 요청한다.
  2. 백이 카카오에게 유저 정보를 받아 해당 유저의 정보가 있는지 없는지 백엔드 DB에서 확인한다.
    1. 회원정보가 없으면 받은 유저 정보 중 필요한 것들을 DB에 저장한다(createUser).
      이때 특히 고유한 카카오 유저 정보(카카오id)는 꼭 저장해야한다.
      저장후 jwt token을 만들어서 프론트에게 준다.
    2. 회원정보가 있으면 바로 jwt token을 만들어서 프론트에게 준다.

소셜 로그인 테스트용 access token 발급하기

  • 테스트용 액세스 토큰으로 카카오에게 유저 정보를 임시로 받아올 수 있다.
  • 프론트와 연결 전 백엔드 기능 구현할때 임시로 사용할 수 있다.

0개의 댓글