얼음꽃의 일지

소셜 로그인(카톡, 구글, 네이버) 본문

항해 일지

소셜 로그인(카톡, 구글, 네이버)

얼음꽃 2022. 12. 10. 09:56
728x90

소셜 로그인 without Passport

 

기본적인 순서

 

1. 프론트에서 인가코드를 받는다

2. 인가코드를 백에게 전달한다

3. 받은 인가코드로 백은 소셜로그인 하는 곳에 토큰을 요청한다

4. 받은 토큰을 가지고 소셜로그인 하는 곳에 유저 정보를 요청한다

5. 받은 유저정보를 가지고 프로젝트에 사용되는 jwt 토큰으로 다시 변환한다

6. 변환된 토큰을 프론트에게 넘겨준다

7. 프론트가 쓴다

 

3개 다 프론트, 백이 가지고있는게 동일해야합니다. 서로 developer 신청해서 하면 access key, refresh key, client id 등 달라지기 때문에 한사람껄 같이 써야합니다.

 

보통 들어가는 값들은 다음과 같습니다.

 

- Client_ID

- Redirect_URI

- SECRET

- State ( 이건 네이버에서만 쓰나봅니다. 써도 그만, 안써도 그만 )

 

api 경로 관련해서는 다음과 같이 각각의 링크를 남겨두겠습니다.

 

https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api

 

Kakao Developers

카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.

developers.kakao.com

 

 

https://developers.google.com/android-publisher/getting_started?hl=ko 

 

시작하기  |  Google Play Developer API  |  Google Developers

시작하기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. API 호출을 시작하기 전에 먼저 Google Play 개발자 계정에 대한 API 액세스를 설정해야 합니다. 여기에

developers.google.com

 

https://developers.naver.com/docs/login/api/api.md

 

네이버 로그인 API 명세 - LOGIN

네이버 로그인 API 명세 네이버 로그인 API는 네이버 로그인 인증 요청 API, 접근 토큰 발급/갱신/삭제 요청API로 구성되어 있습니다. 네이버 로그인 인증 요청 API는 여러분의 웹 또는 앱에 네이버

developers.naver.com

 

728x90

'항해 일지' 카테고리의 다른 글

Node.js 란?  (0) 2022.12.13
OSI 7계층, TCP/IP 5계층  (0) 2022.12.13
방탄 Helmet  (0) 2022.12.07
WebSocket 과 Socket.io  (0) 2022.12.06
PM2  (0) 2022.12.05
'항해 일지' Related Articles more