dnd-side-project / dnd-11th-7-backend

모두의 일정을 한눈에! 간편한 일정 조율 서비스, 째깍
13 stars 1 forks source link

OAuth 로그인 로직 수정 #63

Closed f1v3-dev closed 2 months ago

f1v3-dev commented 3 months ago

🛠️ 어떤 기능인가요?

🗒️ 작업 상세 내용

f1v3-dev commented 3 months ago

Backend에서만 처리하는 이유 : https://devtalk.kakao.com/t/oauth/136448


쿠키로 발급 후 프론트에서 다시 요청해서 헤더로 받기

  1. 백엔드측 로그인 성공 핸들러에서 쿠키로 발급을 진행합니다.
  2. 그 후 프론트로 리디렉션을 보냅니다. (AT, RT 모두 쿠키로)
  3. 그 후 프론트에서 쿠키를 들고 다시 서버로 접근합니다. (프론트에서는 쿠키에 값을 빼올 수 없으니)
  4. 백엔드(서버)에서는 쿠키를 받으면 헤더로 토큰 응답하는 컨트롤러를 작성합니다. (이 때, AT 쿠키 지워버리기)
  5. 프론트 측에서 헤더로 AT를 받습니다.

위의 방법이 가장 좋은 방안인 것 같음

f1v3-dev commented 2 months ago
image

중간에 카카오 로그인 페이지를 띄우는 과정 등 302 REDIRECT 과정이 포함되어있음. (cross-origin) 이러한 문제로 인해, 응답 헤더 Authorization 설정을 해줘도 사라지는 것

쿠키로 발급하고 프론트 측에서 다시 요청해서 헤더로 받던지 아니면 쿠키만을 사용하던지 둘 중 하나의 방법으로 진행하는 방식으로 변경해야 할 듯

모르는게 아직도 많다...ㅠㅠ

RTUnu12 commented 2 months ago

역시 리다이렉트 땜에 사라지는 것이였네요...