search

42openproject / whatdidyoueat

일별 식단 기록 웹 SNS 프로젝트 입니다
https://www.wheatoday.com
3 stars 0 forks source link

[3단계] OAuth Kakao 적용 #146

Open myungjinki91 opened 2 years ago

myungjinki91 commented 2 years ago

아래 링크 참고해서 차근차근 해봅시다. https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api

myungjinki91 commented 2 years ago

사전 설정

카카오 OAuth 2.0 REST API를 사용하기 위해서는 아래 절차를 따라야 합니다.

  1. 애플리케이션 등록 - https://developers.kakao.com/console/app
  2. 플랫폼 등록 - https://developers.kakao.com/console/app/683894/config/platform
  3. 활성화 및 Redirect URL 등록 - https://developers.kakao.com/console/app/683894/product/login
  4. 앱키 저장하기 - https://developers.kakao.com/console/app/683894/config/appKey
myungjinki91 commented 2 years ago

프론트엔드

아래 링크처럼 KEY를 가지고 요청을 하면, 사전 설정에서 등록한 Redirect URL로 인가코드를 받을 수 있습니다. https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api#request-code

myungjinki91 commented 2 years ago

백엔드

  1. 프론트엔드가 백엔드에게 API URL parameter에 인가 코드를 포함해서 GET 요청을 합니다.
  2. 백엔드는 받은 인가 코드로 다시 KAKAO에 POST URL query parameter에 code와 redirect URI를 추가해서 요청합니다.
  3. 그러면 KAKAO가 응답으로 액세스 토큰과, 리프래시 토큰을 줍니다.
myungjinki91 commented 2 years ago

백엔드

  1. 받은 액세스 토큰으로, 유저 정보를 불러옵시다.
myungjinki91 commented 2 years ago

https://github.com/42seoul-gifty/backend-hokim

myungjinki91 commented 2 years ago

https://swim.42seoul.io/detail?id=26 @kenu

멘토님 감사합니다!!!