[기능 문서화] OAuth 2.0을 이용한 소셜 로그인 기능 문서화

[githyuniiee]

OAuth 2.0 소셜 로그인 Document

서버에 OAuth2.0이 적용되어 카카오와 구글을 이용한 소셜로그인이 가능합니다.
일반 로그인과 동일하게 JWT가 발급될 수 있게 설정하였습니다.
안드로이드측에서도 변경된 API를 적용 부탁드립니다.

[추가 내용 설명 및 흐름]

소셜로그인 전체 흐름 (카카오, 구글 동일)

1. 소셜 로그인
2. redirect url로 code 전달
3. code를 통한 access token 발급 후 전달
4. 카카오 서버에서 사용자 정보 받기
5. 사용자 정보를 이용한 회원가입 또는 로그인
6. jwt 발급

PS. 아래 첨부된 사진은 Local로 테스트 한 이미지 입니다.

1. 소셜 로그인
   • redirect URI는 추가로 설정해주어야 합니다.
   • 카카오 developer로 부터 발급받은 client_id와 client secret을 통해 소셜 로그인을 수행합니다.

2. redirect url로 code 전달, access token 발급
   • 지정한 redirect url로 코드가 전달됨
   • code=cYP_kwZ8btQ_sUOh3vD6DjqpOaLkNjaurx2ECJrgwtdNIXs2i5_e6MIYeJmzV7S_AHWslgoqJREAAAGK1oIyAA
   • accee token = BPVo6xR3nxSheMD5rKO-Ob9hiQ2exTBKbdLhM6IwCiolTgAAAYrWgjJd
3. code를 통한 access token 발급 확인

4. 사용자 정보 받은 후 회원가입
   • id, nickname, email, password 확인가능
   • password는 (id + access_token)
   • DB에 저장된 사용자 정보는 username을 email로, password는 id + token으로 설정하였음
     → 추후 논의하여 사용자 정보 다르게 저장 가능

5. 포스트맨을 이용하여 login할 시 jwt 발급

위의 참고 사진들은 local로 테스트한 경우입니다.
redirect_uri를 https://www.gongubox.shop/oauth2/code/kakao 혹은 https://www.gongubox.shop/oauth2/code/google로 변경하여 테스트 부탁드립니다.
구글을 이용한 로그인도 위와 같이 동일하게 적용됩니다.

Preference

[Spring Boot] 카카오 로그인 API 구현 (1) - Access token 발급받기