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:
@@ -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');
|
||||
|
||||
Reference in New Issue
Block a user