동적으로 프론트 URL 처리하기

[kimziou77]

발생상황

우선 OAuth를 사용해서 로그인 한 유저에 대해 프론트에 토큰을 전달하는 과정을 리다이렉트 방식으로 해결하고자 했다.
하지만 리다이렉트를 하는 과정에서 요청지의 프론트 URL을 어떻게 알아내어야 할지가 문제가 되었다.

어떻게 하면 원하는 타겟에 내가 원하는 응답을 줄 수 있을까? 🤔

현재 프론트는 localhost:3000에서 개발하고 있고, 프론트 배포서버는 checkmoi.vercel.app 를 사용하고 있다.
이 두 서버를 동적으로 리다이렉트를 시키기 위해서는 최초 요청지를 알아야 한다고 생각되었다.

최초 요청지를 찾아보자..

출처 : https://www.baeldung.com/spring-security-redirect-login

• Using the HTTP Referer header
  • HTTP Referer 을 확인했으나 원하는 프론트의 URL이 발견되지 않았다. (카카오가 referer..)

• Saving the original request in the session
  • 우리는 현재 세션을 사용하지 않고 토큰방식을 쓰고 있는데 이걸 사용할 수 있나?
  • 만약 된다고 하더라도 이걸 사용한다면 토큰을 사용할 이유가 없지 않을까..? 🤯
  • 어떻게하징..

해결

프론트의 요청을 동적으로 알아내어 리다이렉트를 하는 것에 문제를 겪고 있었다.

우선, 왜 동적으로 알아내려고 했을까?

• 리다이렉트로 임시 토큰을 발행하는 과정에서 프론트와 백엔드가 계속 개발하고 배포하는 환경에 한가지 URL로만 리다이렉트 된다면, 로컬에서는 되고 서버에서는 안되는 상황이 발생한다. 이를 피하고 어느 환경에서든 지속적으로 개발하고 배포하여 바로바로 확인할 수 있도록 안정적으로 하는것이 - 동적으로 URL을 알아내어야 하는 이유라고 생각했다.

현재 진행상황은 다음과 같다.
나는 프론트의 요청지를 사전에 미리 알고 있으므로 이 정보를 이용해 해당 문제를 해결해보자.

프론트의 요청을 판단하는 부분을 프로파일을 통해서 다음과 같이 바라보도록 했다.

개발 서버 : dev → localhost:3000
상용 서버 : prod → checkmoi.vercel

프론트는 다음을 바라보도록 했다

개발 서버 : localhost:3000 → dev.checkmoi.ga
상용 서버 : checkmoi.vercel → checkmoi.ga

이렇게 한다면 dev서버의 변경사항을 프롱님들이 로컬에서 빠르게 받아서 활용할 수 있다.
배포된 프론트 페이지 또한 운영서버를 바라봄으로써 정상적으로 작동할 수 있을 것으로 기대된다.