refactor: redirect uri 도메인 오리진을 얻어서 붙이는 방식으로 변경

woowacourse-teams · Nov 20, 2024 · 4587836 · 4587836
1 parent 6c6ab93
commit 4587836
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/client/src/apis/request/auth.ts b/client/src/apis/request/auth.ts
@@ -3,6 +3,8 @@ import {ADMIN_API_PREFIX, USER_API_PREFIX} from '@apis/endpointPrefix';
 import {requestGet, requestGetWithoutResponse, requestPostWithoutResponse} from '@apis/fetcher';
 import {WithEventId} from '@apis/withId.type';
 
+import getKakaoRedirectUrl from '@utils/getKakaoRedirectUrl';
+
 export const requestPostAuthentication = async ({eventId}: WithEventId) => {
   await requestPostWithoutResponse({
     baseUrl: BASE_URL.HD,
@@ -32,14 +34,9 @@ export const requestKakaoClientId = async () => {
 };
 
 export const requestGetKakaoLogin = async (code: string) => {
-  const redirectUri =
-    process.env.NODE_ENV === 'development'
-      ? 'http://localhost:3000' + process.env.KAKAO_REDIRECT_URI
-      : 'https://haengdong.pro' + process.env.KAKAO_REDIRECT_URI;
-
   await requestGetWithoutResponse({
     baseUrl: BASE_URL.HD,
-    endpoint: `/api/login/kakao?code=${code}&redirect_uri=${redirectUri}`,
+    endpoint: `/api/login/kakao?code=${code}&redirect_uri=${getKakaoRedirectUrl()}`,
   });
 
   return null;

diff --git a/client/src/hooks/useLoginPage.ts b/client/src/hooks/useLoginPage.ts
@@ -3,6 +3,8 @@ import {useLocation, useNavigate} from 'react-router-dom';
 
 import {useAuthStore} from '@store/authStore';
 
+import getKakaoRedirectUrl from '@utils/getKakaoRedirectUrl';
+
 import {ROUTER_URLS} from '@constants/routerUrls';
 
 import useRequestGetKakaoClientId from './queries/auth/useRequestGetKakaoClientId';
@@ -21,12 +23,8 @@ const useLoginPage = () => {
   const goKakaoLogin = async () => {
     const queryResult = await requestGetClientId();
     const clientId = queryResult.data?.clientId;
-    const redirectUri =
-      process.env.NODE_ENV === 'development'
-        ? 'http://localhost:3000' + process.env.KAKAO_REDIRECT_URI
-        : 'https://haengdong.pro' + process.env.KAKAO_REDIRECT_URI;
 
-    const link = `https://kauth.kakao.com/oauth/authorize?client_id=${clientId}&redirect_uri=${redirectUri}&response_type=code`;
+    const link = `https://kauth.kakao.com/oauth/authorize?client_id=${clientId}&redirect_uri=${getKakaoRedirectUrl()}&response_type=code`;
     window.location.href = link;
   };
 

diff --git a/client/src/utils/getKakaoRedirectUrl.ts b/client/src/utils/getKakaoRedirectUrl.ts
@@ -0,0 +1,5 @@
+const getKakaoRedirectUrl = () => {
+  return window.location.origin + process.env.KAKAO_REDIRECT_URI;
+};
+
+export default getKakaoRedirectUrl;