feat: 환경 변수 및 Caddy 라우팅 설정 추가, 게임 API URL 템플릿 지원

app/gateway-frontend/src/utils/gameTrpc.ts

@@ -3,11 +3,18 @@ import type { appRouter } from '@sammo-ts/game-api';
 
 export type GameRouter = typeof appRouter;
 
-export const createGameTrpc = (port: number) => {
+const resolveProfileUrl = (template: string, profile: string): string =>
+    template.replaceAll('{profile}', encodeURIComponent(profile));
+
+export const createGameTrpc = (profile: string, port: number) => {
+    const urlTemplate = import.meta.env.VITE_GAME_API_URL_TEMPLATE;
+    const url = urlTemplate
+        ? resolveProfileUrl(urlTemplate, profile)
+        : `http://localhost:${port}/api/trpc`;
     return createTRPCProxyClient<GameRouter>({
         links: [
             httpBatchLink({
-                url: `http://localhost:${port}/api/trpc`, // 실제 환경에서는 도메인/경로 조정 필요
+                url,
             }),
         ],
     });

app/gateway-frontend/src/utils/trpc.ts

@@ -11,7 +11,7 @@ const getSessionToken = (): string | null => {
 export const trpc = createTRPCProxyClient<AppRouter>({
     links: [
         httpBatchLink({
-            url: '/api/trpc', // 실제 환경에 맞게 조정 필요
+            url: import.meta.env.VITE_GATEWAY_API_URL ?? '/api/trpc',
             headers() {
                 const token = getSessionToken();
                 return token ? { 'x-session-token': token } : {};