Files
zellyy-finance/src/contexts/auth/signUp.ts
gpt-engineer-app[bot] 4d094fbaa8 Implement email verification on signup
The prompt requests to implement email verification logic during the signup process.
2025-03-15 16:11:04 +00:00

136 lines
6.1 KiB
TypeScript

import { supabase } from '@/lib/supabase';
import { showAuthToast, verifyServerConnection } from '@/utils/auth';
import { signUpWithDirectApi } from './signUpUtils';
export const signUp = async (email: string, password: string, username: string) => {
try {
// 서버 연결 상태 확인
const connectionStatus = await verifyServerConnection();
if (!connectionStatus.connected) {
console.error('서버 연결 실패:', connectionStatus.message);
showAuthToast('회원가입 오류', `서버 연결 실패: ${connectionStatus.message}`, 'destructive');
return { error: { message: connectionStatus.message }, user: null };
}
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 };
}
// 기본 회원가입 시도
try {
const { data, error } = await supabase.auth.signUp({
email,
password,
options: {
data: {
username, // 사용자 이름을 메타데이터에 저장
},
emailRedirectTo: window.location.origin + '/login' // 이메일 인증 완료 후 리디렉션 URL
}
});
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);
return await signUpWithDirectApi(email, password, username);
}
// 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 (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');
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);
return await signUpWithDirectApi(email, password, username);
}
// 기타 예외 처리
showAuthToast('회원가입 예외', error.message || '알 수 없는 오류', 'destructive');
return { error: { message: error.message || '알 수 없는 오류' }, user: null };
}
} catch (error: any) {
console.error('회원가입 전역 예외:', error);
showAuthToast('회원가입 오류', error.message || '알 수 없는 오류', 'destructive');
return { error: { message: error.message || '알 수 없는 오류' }, user: null };
}
};