Flutter - Spring 카카오 로그인

Flutter - Spring 카카오 로그인 처리 프로세스를 알아보자.
위 그림은 사용자, Flutter 앱, Kakao SDK, Kakao 서버, Spring 서버, 그리고 데이터베이스 간의 상호작용을 나타낸다.

로그인 프로세스 단계별 설명

1. 사용자 액션 시작

   • 사용자가 앱에서 카카오 로그인 버튼을 클릭

2. Flutter 앱과 Kakao SDK

   • Flutter 앱이 Kakao SDK에 로그인 요청
   • Kakao SDK는 Kakao 서버에 인증 요청을 전송

3. 카카오 로그인 페이지

   • Kakao 서버가 사용자에게 카카오 로그인 페이지를 표시
   • 사용자는 로그인 정보를 입력

4. 인증 및 토큰 발급

   • Kakao 서버가 Kakao SDK에 인증 코드를 반환
   • Kakao SDK는 이 코드로 Kakao 서버에 액세스 토큰을 요청
   • Kakao 서버는 카카오 액세스 토큰을 Kakao SDK에 반환
   • Kakao SDK는 이 토큰을 Flutter 앱에 전달

5. 서버 측 처리

   • Flutter 앱은 받은 카카오 액세스 토큰을 Spring 서버로 전송

   • Spring 서버는 이 토큰으로 Kakao 서버에 사용자 정보를 요청

     GET/POST
     https://kapi.kakao.com/v2/user/me

   • Kakao 서버가 사용자 정보를 Spring 서버에 반환합니다.

6. 데이터베이스 작업 및 JWT 생성

   • Spring 서버는 받은 사용자 정보를 데이터베이스에 저장하거나 업데이트
   • 그 후 JWT 액세스 토큰과 리프레시 토큰을 생성

7. 로그인 완료

   • Spring 서버는 생성한 JWT 토큰들을 Flutter 앱에 반환
   • Flutter 앱은 이 토큰들을 저장
   • 마지막으로, 앱은 사용자에게 로그인 성공 메시지를 표시