Refactor auth utils for Cloud

Simplify signUpUtils.ts and signInUtils.ts by removing unnecessary code related to CORS proxies, optimizing for Supabase Cloud environment.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-18 06:15:28 +00:00
parent 30730c5cd0
commit 613f6a49d7
6 changed files with 225 additions and 646 deletions

View File

@@ -1,51 +1,8 @@
import { getSupabaseUrl, isCorsProxyEnabled, getProxyType, getOriginalSupabaseUrl } from '@/lib/supabase/config';
import { getSupabaseUrl } from '@/lib/supabase/config';
/**
* CORS 문제 확인
*/
export const hasCorsIssue = (error: any): boolean => {
if (!error) return false;
const errorMessage = error.message || '';
return (
errorMessage.includes('Failed to fetch') ||
errorMessage.includes('CORS') ||
errorMessage.includes('Network') ||
errorMessage.includes('프록시')
);
};
/**
* HTTP URL이 프록시 없이 사용되고 있는지 확인하고 처리
*/
export const handleHttpUrlWithoutProxy = (): boolean => {
// HTTP URL을 사용하는데 프록시가 비활성화된 경우
const originalUrl = getOriginalSupabaseUrl();
const usingProxy = isCorsProxyEnabled();
if (originalUrl.startsWith('http:') && !usingProxy) {
// 자동으로 프록시 활성화
localStorage.setItem('use_cors_proxy', 'true');
localStorage.setItem('proxy_type', 'cloudflare');
return true;
}
return false;
};
/**
* 프록시 정보 로깅
*/
export const logProxyInfo = (): void => {
const usingProxy = isCorsProxyEnabled();
const proxyType = getProxyType();
const supabaseUrl = getSupabaseUrl();
console.log(`연결 테스트 - CORS 프록시: ${usingProxy ? '사용 중' : '미사용'}, 타입: ${proxyType}, URL: ${supabaseUrl}`);
};
/**
* 서버 연결 상태 검사
* 서버 연결 상태 검사 - Supabase Cloud 환경에 최적화
*/
export const verifyServerConnection = async (): Promise<{
connected: boolean;
@@ -55,123 +12,62 @@ export const verifyServerConnection = async (): Promise<{
try {
const start = Date.now();
// Supabase URL 가져오기 (프록시 적용 URL)
// Supabase URL 가져오기
const supabaseUrl = getSupabaseUrl();
if (!supabaseUrl) {
return {
connected: false,
message: 'Supabase URL이 설정되지 않았습니다. 설정 페이지에서 구성하세요.'
message: 'Supabase URL이 설정되지 않았습니다.'
};
}
// 프록시 설정 상태 확인
logProxyInfo();
// 단순 헬스 체크 요청 - 무작위 쿼리 파라미터 추가
// 캐시 방지용 쿼리 파라미터 추가
const cacheParam = `?_nocache=${Date.now()}`;
try {
const response = await fetch(`${supabaseUrl}/auth/v1/${cacheParam}`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'apikey': localStorage.getItem('supabase_key') || ''
},
signal: AbortSignal.timeout(15000) // 타임아웃 시간 증가
});
const elapsed = Date.now() - start;
// 200, 401, 404 응답도 서버가 살아있다는 신호로 간주
if (response.ok || response.status === 401 || response.status === 404) {
return {
connected: true,
message: `서버 연결 성공 (응답 시간: ${elapsed}ms)`,
statusCode: response.status
};
} else {
return {
connected: false,
message: `서버 응답 오류: ${response.status} ${response.statusText}`,
statusCode: response.status
};
}
} catch (fetchError: any) {
console.error('기본 연결 확인 실패, 상태 확인 시도:', fetchError);
// HTTP URL을 사용하는데 프록시가 비활성화된 경우 처리
if (handleHttpUrlWithoutProxy()) {
return {
connected: false,
message: 'HTTP URL에 직접 접근할 수 없어 CORS 프록시를 자동으로 활성화했습니다. 페이지를 새로고침하고 다시 시도하세요.'
};
}
try {
// 대체 경로로 상태 확인 - 무작위 쿼리 파라미터 추가
const altResponse = await fetch(`${supabaseUrl}/${cacheParam}`, {
method: 'GET',
headers: {
'Content-Type': 'application/json'
},
signal: AbortSignal.timeout(15000) // 타임아웃 시간 증가
});
// 어떤 응답이라도 오면 서버가 살아있다고 간주
const elapsed = Date.now() - start;
return {
connected: true,
message: `서버 연결 성공 (기본 경로, 응답 시간: ${elapsed}ms)`,
statusCode: altResponse.status
};
} catch (altError) {
console.error('기본 경로 확인도 실패:', altError);
throw fetchError; // 원래 에러를 던짐
}
// 서버 연결 상태 확인
const response = await fetch(`${supabaseUrl}/auth/v1/${cacheParam}`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'apikey': localStorage.getItem('supabase_key') || ''
},
signal: AbortSignal.timeout(8000)
});
const elapsed = Date.now() - start;
// 200, 401, 404 응답도 서버가 살아있다는 신호로 간주
if (response.ok || response.status === 401 || response.status === 404) {
return {
connected: true,
message: `서버 연결 성공 (응답 시간: ${elapsed}ms)`,
statusCode: response.status
};
} else {
return {
connected: false,
message: `서버 응답 오류: ${response.status} ${response.statusText}`,
statusCode: response.status
};
}
} catch (error: any) {
console.error('서버 연결 확인 중 오류:', error);
// 프록시 설정 확인
const usingProxy = isCorsProxyEnabled();
const proxyType = getProxyType();
// 오류 유형에 따른 메시지 설정
let errorMessage = '알 수 없는 네트워크 오류';
if (error.message) {
if (error.message.includes('Failed to fetch')) {
errorMessage = 'CORS 정책 오류 또는 서버 연결 실패';
errorMessage = '서버 연결 실패';
} else if (error.message.includes('NetworkError')) {
errorMessage = '네트워크 연결 실패';
} else if (error.message.includes('TypeError')) {
errorMessage = '네트워크 요청 형식 오류';
} else if (error.message.includes('timeout') || error.message.includes('timed out')) {
errorMessage = '서버 응답 시간 초과';
} else if (error.message.includes('aborted')) {
errorMessage = '요청이 중단됨';
} else {
errorMessage = error.message;
}
}
// HTTP URL을 사용하는데 프록시가 비활성화된 경우 처리
if (handleHttpUrlWithoutProxy()) {
errorMessage = 'HTTP URL에 직접 접근할 수 없어 CORS 프록시를 자동으로 활성화했습니다. 페이지를 새로고침하고 다시 시도하세요.';
}
// Cloudflare 프록시 추천 메시지 추가
if (errorMessage.includes('CORS') || errorMessage.includes('fetch') || errorMessage.includes('네트워크')) {
if (!usingProxy) {
console.log('CORS 오류 감지, Cloudflare 프록시 사용 권장');
errorMessage += '. Cloudflare CORS 프록시 사용을 권장합니다.';
} else if (proxyType !== 'cloudflare') {
console.log('CORS 오류 감지, Cloudflare 프록시로 변경 권장');
errorMessage += '. Cloudflare CORS 프록시로 변경을 권장합니다.';
}
}
return {
connected: false,
message: errorMessage
@@ -180,7 +76,7 @@ export const verifyServerConnection = async (): Promise<{
};
/**
* 강화된 서버 연결 검사: 다양한 경로로 시도
* 강화된 서버 연결 검사 - Supabase Cloud 환경에 최적화
*/
export const verifySupabaseConnection = async (): Promise<{
connected: boolean;
@@ -196,11 +92,6 @@ export const verifySupabaseConnection = async (): Promise<{
};
}
// 프록시 정보 로깅
const usingProxy = isCorsProxyEnabled();
const proxyType = getProxyType();
console.log(`강화된 연결 테스트 - 프록시: ${usingProxy ? '사용 중' : '미사용'}, 타입: ${proxyType}, URL: ${supabaseUrl}`);
// 무작위 쿼리 파라미터를 추가하여 캐시 방지
const cacheParam = `?_nocache=${Date.now()}`;
@@ -221,7 +112,7 @@ export const verifySupabaseConnection = async (): Promise<{
'Content-Type': 'application/json',
'apikey': localStorage.getItem('supabase_key') || ''
},
signal: AbortSignal.timeout(15000) // 타임아웃 시간 증가
signal: AbortSignal.timeout(8000)
});
console.log(`경로 ${path} 응답 상태:`, response.status);
@@ -239,15 +130,6 @@ export const verifySupabaseConnection = async (): Promise<{
}
}
// HTTP URL을 사용하는데 프록시가 비활성화된 경우 처리
if (handleHttpUrlWithoutProxy()) {
return {
connected: false,
message: 'HTTP URL에 직접 접근할 수 없어 CORS 프록시를 자동으로 활성화했습니다. 페이지를 새로고침하고 다시 시도하세요.',
details: 'CORS 제한으로 인해 HTTP URL에 직접 접근할 수 없습니다'
};
}
// 모든 경로 시도 실패
return {
connected: false,
@@ -255,3 +137,10 @@ export const verifySupabaseConnection = async (): Promise<{
details: '네트워크 연결 또는 서버 주소를 확인하세요'
};
};
/**
* 호환성을 위한 더미 함수들
*/
export const hasCorsIssue = (): boolean => false;
export const handleHttpUrlWithoutProxy = (): boolean => false;
export const logProxyInfo = (): void => {};