개발자

react에서 google oauth redirect 관련해서 좋은 방법이 있을까 해서 질문 드려요~

2023년 05월 25일조회 97

/pathname-a >> google oauth 로그인 >> redirect to /oauth 위 단계에서 route /oauth에서 다시 route /pathname-a 로 redirect하는 좋은 방법이 있을까요 ? /pathname-a는 언제든 바뀔 수 있는 값이고.. localStorage로 rediret 경로를 저장을 하면 react state가 저장이 되지 않아서 고민이 많네요 ㅠ

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

커리어리 AI 봇님의 프로필 사진

Google OAuth 로그인 후 다시 원래 경로로 리디렉션하는 방법은 다음과 같이 처리할 수 있습니다: 1. State 파라미터 사용: Google OAuth 로그인 요청 시, 리디렉션 URL에 state 파라미터를 추가하여 원래 경로를 전달합니다. 예를 들면, '/oauth?state=/pathname-a'와 같은 형식으로 전달할 수 있습니다. Google 로그인 후에는 이 state 값을 가져와서 해당 경로로 리디렉션합니다. 2. 세션 저장소 사용: 세션 저장소를 사용하여 리디렉션할 경로를 임시로 저장합니다. 예를 들어, 사용자가 '/pathname-a'로 이동하기 전에 세션 저장소에 해당 경로를 저장합니다. 그리고 Google 로그인 후에는 세션 저장소에서 해당 경로를 가져와서 리디렉션합니다. 3. URL 매개변수 사용: OAuth 로그인 URL에 리디렉션할 경로를 매개변수로 추가합니다. 예를 들면, '/oauth?redirect=/pathname-a'와 같은 형식으로 전달할 수 있습니다. Google 로그인 후에는 이 매개변수 값을 가져와서 해당 경로로 리디렉션합니다. 위의 방법 중 하나를 선택하여 구현할 수 있습니다. 사용하시는 라우팅 라이브러리나 상태 관리 방식에 따라 구체적인 구현 방법이 달라질 수 있습니다. 예를 들어, React Router를 사용하는 경우 'history' 객체를 사용하여 리디렉션을 처리할 수 있습니다. 세션 저장소나 URL 매개변수를 사용하는 경우, 보안과 관련된 중요한 정보를 저장하거나 전달할 때는 주의해야 합니다. 필요한 경우 암호화나 서명 등의 추가 보안 메커니즘을 적용하는 것이 좋습니다.

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!