Files
sam-react-prod/src/app/api/proxy/[...path]/route.ts

245 lines
7.5 KiB
TypeScript
Raw Normal View History

import { NextRequest, NextResponse } from 'next/server';
/**
* 🔵 Catch-All API Proxy (HttpOnly Cookie Pattern)
*
* :
* - HttpOnly 유지: JavaScript
* - API를
* - Authorization
*
* 🔄 :
* 1. Next.js /api/proxy/* ( )
* 2. Next.js: HttpOnly access_token ( )
* 3. Next.js PHP Backend /api/v1/* (Authorization )
* 4. PHP Backend Next.js ()
* 5. Next.js ( )
*
* 🔐 :
* - HttpOnly 쿠키: JavaScript (XSS )
* - 처리: 브라우저에
* - 추가: 클라이언트는
*
* 📍 :
* - Frontend: fetch('/api/proxy/item-master/init')
* - Backend: GET https://api.codebridge-x.com/api/v1/item-master/init
*
* :
* - API(/api/auth/logout)
* - HTTP (GET, POST, PUT, DELETE)
* -
*/
/**
* (access_token refresh_token으로 )
*/
async function refreshAccessToken(refreshToken: string): Promise<{
success: boolean;
accessToken?: string;
refreshToken?: string;
expiresIn?: number;
}> {
try {
const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/v1/refresh`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json',
'X-API-KEY': process.env.NEXT_PUBLIC_API_KEY || '',
},
body: JSON.stringify({
refresh_token: refreshToken,
}),
});
if (!response.ok) {
console.warn('🔴 [PROXY] Token refresh failed');
return { success: false };
}
const data = await response.json();
console.log('✅ [PROXY] Token refreshed successfully');
return {
success: true,
accessToken: data.access_token,
refreshToken: data.refresh_token,
expiresIn: data.expires_in,
};
} catch (error) {
console.error('🔴 [PROXY] Token refresh error:', error);
return { success: false };
}
}
/**
* Catch-all proxy handler for all HTTP methods
*/
async function proxyRequest(
request: NextRequest,
params: { path: string[] },
method: string
) {
try {
// 1. HttpOnly 쿠키에서 토큰 읽기 (서버에서만 가능!)
let token = request.cookies.get('access_token')?.value;
const refreshToken = request.cookies.get('refresh_token')?.value;
// 1-1. access_token이 없고 refresh_token이 있으면 자동 갱신
let newTokens: { accessToken?: string; refreshToken?: string; expiresIn?: number } | null = null;
if (!token && refreshToken) {
console.log('🔄 [PROXY] No access_token, attempting refresh...');
const refreshResult = await refreshAccessToken(refreshToken);
if (refreshResult.success && refreshResult.accessToken) {
token = refreshResult.accessToken;
newTokens = refreshResult;
}
}
// 2. 백엔드 URL 구성
const backendUrl = `${process.env.NEXT_PUBLIC_API_URL}/api/v1/${params.path.join('/')}`;
// 쿼리 파라미터 추가
const url = new URL(backendUrl);
request.nextUrl.searchParams.forEach((value, key) => {
url.searchParams.append(key, value);
});
// 3. 요청 바디 읽기 (POST, PUT, DELETE)
let body: string | undefined;
if (['POST', 'PUT', 'DELETE'].includes(method)) {
// Content-Type에 따라 바디 처리
const contentType = request.headers.get('content-type') || '';
if (contentType.includes('application/json')) {
body = await request.text();
// 🔍 디버깅: 전송 데이터 로그
console.log('🔵 [PROXY DEBUG] Request Details:');
console.log(' Method:', method);
console.log(' URL:', url.toString());
console.log(' Body:', body);
console.log(' Token:', token ? `${token.substring(0, 20)}...` : 'null');
} else if (contentType.includes('multipart/form-data')) {
// FormData는 그대로 전달
const formData = await request.formData();
// FormData를 백엔드로 전달하기 위해 다시 변환
body = await request.text();
}
}
// 4. 백엔드로 프록시 요청
const backendResponse = await fetch(url.toString(), {
method,
headers: {
'Content-Type': request.headers.get('content-type') || 'application/json',
'Accept': 'application/json',
'X-API-KEY': process.env.NEXT_PUBLIC_API_KEY || '',
'Authorization': token ? `Bearer ${token}` : '',
},
body,
});
// 5. 응답 데이터 읽기
const responseData = await backendResponse.text();
// 🔍 디버깅: 백엔드 응답 로그
console.log('🔵 [PROXY DEBUG] Backend Response:');
console.log(' Status:', backendResponse.status);
console.log(' Response:', responseData.substring(0, 500)); // 처음 500자만
// 6. 클라이언트로 응답 전달
const clientResponse = new NextResponse(responseData, {
status: backendResponse.status,
headers: {
'Content-Type': backendResponse.headers.get('content-type') || 'application/json',
},
});
// 6-1. 토큰이 갱신되었으면 새 쿠키 설정
if (newTokens && newTokens.accessToken) {
const accessTokenCookie = [
`access_token=${newTokens.accessToken}`,
'HttpOnly',
'Secure',
'SameSite=Strict',
'Path=/',
`Max-Age=${newTokens.expiresIn || 7200}`,
].join('; ');
clientResponse.headers.append('Set-Cookie', accessTokenCookie);
if (newTokens.refreshToken) {
const refreshTokenCookie = [
`refresh_token=${newTokens.refreshToken}`,
'HttpOnly',
'Secure',
'SameSite=Strict',
'Path=/',
'Max-Age=604800', // 7 days
].join('; ');
clientResponse.headers.append('Set-Cookie', refreshTokenCookie);
}
console.log('🍪 [PROXY] New tokens set in cookies');
}
return clientResponse;
} catch (error) {
console.error('Proxy request error:', error);
return NextResponse.json(
{ error: 'Proxy server error' },
{ status: 500 }
);
}
}
/**
* GET
* Next.js 15: params는 Promise이므로 await
*/
export async function GET(
request: NextRequest,
{ params }: { params: Promise<{ path: string[] }> }
) {
const resolvedParams = await params;
return proxyRequest(request, resolvedParams, 'GET');
}
/**
* POST
* Next.js 15: params는 Promise이므로 await
*/
export async function POST(
request: NextRequest,
{ params }: { params: Promise<{ path: string[] }> }
) {
const resolvedParams = await params;
return proxyRequest(request, resolvedParams, 'POST');
}
/**
* PUT
* Next.js 15: params는 Promise이므로 await
*/
export async function PUT(
request: NextRequest,
{ params }: { params: Promise<{ path: string[] }> }
) {
const resolvedParams = await params;
return proxyRequest(request, resolvedParams, 'PUT');
}
/**
* DELETE
* Next.js 15: params는 Promise이므로 await
*/
export async function DELETE(
request: NextRequest,
{ params }: { params: Promise<{ path: string[] }> }
) {
const resolvedParams = await params;
return proxyRequest(request, resolvedParams, 'DELETE');
}