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,8 +1,10 @@
import { supabase } from '@/lib/supabase';
import { showAuthToast, verifyServerConnection } from '@/utils/auth';
import { signUpWithDirectApi } from './signUpUtils';
/**
* 회원가입 기능 - Supabase Cloud 환경에 최적화
*/
export const signUp = async (email: string, password: string, username: string) => {
try {
// 서버 연결 상태 확인
@@ -15,137 +17,74 @@ export const signUp = async (email: string, password: string, username: string)
console.log('회원가입 시도:', email);
// Supabase anon 키 확인
const supabaseKey = localStorage.getItem('supabase_key');
if (!supabaseKey || supabaseKey.includes('your-onpremise-anon-key')) {
showAuthToast('설정 오류', 'Supabase 설정이 올바르지 않습니다. 설정 페이지에서 확인해주세요.', 'destructive');
return { error: { message: 'Supabase 설정이 올바르지 않습니다. 설정 페이지에서 확인해주세요.' }, user: null };
}
// 현재 브라우저 URL 가져오기
const currentUrl = window.location.origin;
// 해시 대신 쿼리 파라미터 방식으로 URL 구성 (auth_callback 파라미터 추가)
const redirectUrl = `${currentUrl}/login?auth_callback=true`;
console.log('이메일 인증 리디렉션 URL:', redirectUrl);
// 기본 회원가입 시도
try {
// 디버깅용 로그
console.log('Supabase 회원가입 요청 시작 - 이메일:', email, '사용자명:', username);
// 회원가입 요청
const { data, error } = await supabase.auth.signUp({
email,
password,
options: {
data: {
username, // 사용자 이름을 메타데이터에 저장
},
emailRedirectTo: redirectUrl
}
});
if (error) {
console.error('회원가입 오류:', error);
const { data, error } = await supabase.auth.signUp({
email,
password,
options: {
data: {
username, // 사용자 이름을 메타데이터에 저장
},
emailRedirectTo: redirectUrl // 현재 도메인 기반 리디렉션 URL 사용
}
});
// 오류 메시지 처리
let errorMessage = error.message;
console.log('Supabase 회원가입 응답:', { data, error });
if (error) {
console.error('회원가입 오류:', error);
// REST API 오류인 경우 직접 API 호출 시도
if (error.message.includes('json') ||
error.message.includes('Unexpected end') ||
error.message.includes('404') ||
error.message.includes('Not Found') ||
error.message.includes('Failed to fetch')) {
console.warn('기본 회원가입 실패, 직접 API 호출 시도:', error.message);
// 직접 API 호출에도 현재 도메인 기반 리디렉션 URL 전달
return await signUpWithDirectApi(email, password, username, redirectUrl);
}
// 401 오류 감지 및 처리
if (error.message.includes('401') || error.message.includes('권한이 없습니다') ||
error.message.includes('Unauthorized') || error.status === 401) {
const errorMessage = '회원가입 권한이 없습니다. Supabase 설정 또는 권한을 확인하세요.';
showAuthToast('회원가입 실패', errorMessage, 'destructive');
return { error: { message: errorMessage }, user: null, redirectToSettings: true };
}
// 기타 오류 처리
let errorMessage = error.message;
if (error.message.includes('User already registered')) {
errorMessage = '이미 등록된 사용자입니다.';
} else if (error.message.includes('Signup not allowed')) {
errorMessage = '회원가입이 허용되지 않습니다.';
} else if (error.message.includes('Email link invalid')) {
errorMessage = '이메일 링크가 유효하지 않습니다.';
}
showAuthToast('회원가입 실패', errorMessage, 'destructive');
return { error: { message: errorMessage }, user: null };
if (error.message.includes('User already registered')) {
errorMessage = '이미 등록된 사용자입니다.';
} else if (error.message.includes('Signup not allowed')) {
errorMessage = '회원가입이 허용되지 않습니다.';
} else if (error.message.includes('Email link invalid')) {
errorMessage = '이메일 링크가 유효하지 않습니다.';
}
// 회원가입 성공
if (data && data.user) {
// 이메일 확인이 필요한지 확인
const isEmailConfirmationRequired = data.user.identities &&
data.user.identities.length > 0 &&
!data.user.identities[0].identity_data?.email_verified;
if (isEmailConfirmationRequired) {
// 인증 메일 전송 성공 메시지와 이메일 확인 안내
showAuthToast('회원가입 성공', '인증 메일이 발송되었습니다. 스팸 폴더도 확인해주세요.', 'default');
console.log('인증 메일 발송됨:', email);
return {
error: null,
user: data.user,
message: '이메일 인증 필요',
emailConfirmationRequired: true
};
} else {
showAuthToast('회원가입 성공', '환영합니다!', 'default');
return { error: null, user: data.user };
}
}
// 사용자 데이터가 없는 경우 (드물게 발생)
console.warn('회원가입 응답은 성공했지만 사용자 데이터가 없습니다');
showAuthToast('회원가입 성공', '계정이 생성되었습니다. 이메일 인증을 완료한 후 로그인해주세요.', 'default');
return {
error: null,
user: { email },
message: '회원가입 완료',
emailConfirmationRequired: true
};
} catch (error: any) {
console.error('기본 회원가입 프로세스 예외:', error);
// 401 오류 감지 및 처리
if (error.status === 401 || (error.message && error.message.includes('401'))) {
const errorMessage = '회원가입 권한이 없습니다. Supabase 설정 또는 권한을 확인하세요.';
showAuthToast('회원가입 실패', errorMessage, 'destructive');
return { error: { message: errorMessage }, user: null, redirectToSettings: true };
}
// 직접 API 호출로 대체 시도
if (error.message && (
error.message.includes('json') ||
error.message.includes('fetch') ||
error.message.includes('404') ||
error.message.includes('Not Found') ||
error.message.includes('timed out') ||
error.message.includes('Failed to fetch'))) {
console.warn('직접 API 호출로 재시도:', error);
// 현재 도메인 기반 리디렉션 URL 전달
return await signUpWithDirectApi(email, password, username, redirectUrl);
}
// 기타 예외 처리
showAuthToast('회원가입 예외', error.message || '알 수 없는 오류', 'destructive');
return { error: { message: error.message || '알 수 없는 오류' }, user: null };
showAuthToast('회원가입 실패', errorMessage, 'destructive');
return { error: { message: errorMessage }, user: null };
}
// 회원가입 성공
if (data && data.user) {
// 이메일 확인이 필요한지 확인
const isEmailConfirmationRequired = data.user.identities &&
data.user.identities.length > 0 &&
!data.user.identities[0].identity_data?.email_verified;
if (isEmailConfirmationRequired) {
showAuthToast('회원가입 성공', '인증 메일이 발송되었습니다. 스팸 폴더도 확인해주세요.', 'default');
console.log('인증 메일 발송됨:', email);
return {
error: null,
user: data.user,
message: '이메일 인증 필요',
emailConfirmationRequired: true
};
} else {
showAuthToast('회원가입 성공', '환영합니다!', 'default');
return { error: null, user: data.user };
}
}
// 사용자 데이터가 없는 경우 (드물게 발생)
console.warn('회원가입 응답은 성공했지만 사용자 데이터가 없습니다');
showAuthToast('회원가입 성공', '계정이 생성되었습니다. 이메일 인증을 완료한 후 로그인해주세요.', 'default');
return {
error: null,
user: { email },
message: '회원가입 완료',
emailConfirmationRequired: true
};
} catch (error: any) {
console.error('회원가입 전역 예외:', error);
showAuthToast('회원가입 오류', error.message || '알 수 없는 오류', 'destructive');