Merge pull request #76 from wafflestudio/haram

Author: h-seo-n

.env.development

@@ -1 +1,2 @@
-VITE_API_URL=/api/v1
+VITE_API_URL=/api/v1
+VITE_SOCIAL_LOGIN_BASE_URL=https://hangsha-api-dev.wafflestudio.com

.github/workflows/_deploy.yml

@@ -35,13 +35,7 @@ jobs:
         env:
           VITE_GA_MEASUREMENT_ID: ${{ inputs.ga_measurement_id }}
           VITE_API_URL: ${{ vars.VITE_API_URL }}
-          VITE_KAKAO_REDIRECT_URI: ${{ vars.VITE_KAKAO_REDIRECT_URI }}
-          VITE_GOOGLE_REDIRECT_URI: ${{ vars.VITE_GOOGLE_REDIRECT_URI }}
-          VITE_NAVER_REDIRECT_URI: ${{ vars.VITE_NAVER_REDIRECT_URI }}
-          VITE_KAKAO_REST_API_KEY: ${{ secrets.VITE_KAKAO_REST_API_KEY }}
-          VITE_GOOGLE_CLIENT_ID: ${{ secrets.VITE_GOOGLE_CLIENT_ID }}
-          VITE_NAVER_CLIENT_ID: ${{ secrets.VITE_NAVER_CLIENT_ID }}
-          VITE_REST_REQUEST_URL: ${{ secrets.VITE_REST_REQUEST_URL }}
+          VITE_SOCIAL_LOGIN_BASE_URL: ${{ vars.VITE_SOCIAL_LOGIN_BASE_URL }}
 
       - name: Deploy to S3 and Invalidate Cloudfront
         env:

README.md

@@ -88,13 +88,7 @@ Create a `.env.development` file (one is already included) or set these variable
 | Variable | Description |
 |----------|-------------|
 | `VITE_API_URL` | Base path for API requests (default: `/api/v1`) |
-| `VITE_KAKAO_REST_API_KEY` | Kakao OAuth API key |
-| `VITE_GOOGLE_CLIENT_ID` | Google OAuth client ID |
-| `VITE_NAVER_CLIENT_ID` | Naver OAuth client ID |
-| `VITE_KAKAO_REDIRECT_URI` | Kakao OAuth callback URL |
-| `VITE_GOOGLE_REDIRECT_URI` | Google OAuth callback URL |
-| `VITE_NAVER_REDIRECT_URI` | Naver OAuth callback URL |
-| `VITE_REST_REQUEST_URL` | Production API endpoint |
+| `VITE_SOCIAL_LOGIN_BASE_URL` | Social OAuth authorization server base URL |
 
 ### Build for Production
 

src/pages/auth/Home.tsx

@@ -3,10 +3,14 @@ import { useNavigate } from "react-router-dom";
 import logo from "/assets/logo.png";
 import styles from "@styles/Home.module.css";
 
+const SOCIAL_LOGIN_BASE_URL =
+	import.meta.env.VITE_SOCIAL_LOGIN_BASE_URL ||
+	"https://hangsha-api-dev.wafflestudio.com";
+
 const SOCIAL_LOGIN_ENTRY = {
-	google: `https://hangsha-api-dev.wafflestudio.com/oauth2/authorization/google`,
-	kakao: `https://hangsha-api-dev.wafflestudio.com/oauth2/authorization/kakao`,
-	naver: `https://hangsha-api-dev.wafflestudio.com/oauth2/authorization/naver`,
+	google: `${SOCIAL_LOGIN_BASE_URL}/oauth2/authorization/google`,
+	kakao: `${SOCIAL_LOGIN_BASE_URL}/oauth2/authorization/kakao`,
+	naver: `${SOCIAL_LOGIN_BASE_URL}/oauth2/authorization/naver`,
 } as const;
 
 export default function Home() {