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]
@@ -1,156 +1,87 @@
|
||||
|
||||
import { supabase } from '@/lib/supabase';
|
||||
import { parseResponse, showAuthToast } from '@/utils/auth';
|
||||
import { sendSignUpApiRequest, getStatusErrorMessage } from './signUpApiCalls';
|
||||
import { handleSignUpApiError, handleResponseError } from './signUpErrorHandlers';
|
||||
|
||||
/**
|
||||
* 직접 API 호출을 통한 회원가입
|
||||
* 회원가입 기능 - Supabase Cloud 환경에 최적화
|
||||
*/
|
||||
export const signUpWithDirectApi = async (email: string, password: string, username: string, redirectUrl?: string) => {
|
||||
try {
|
||||
console.log('직접 API 호출로 회원가입 시도 중');
|
||||
|
||||
// Supabase 키 가져오기
|
||||
const supabaseKey = localStorage.getItem('supabase_key') || supabase.supabaseKey;
|
||||
|
||||
// Supabase 키 유효성 검사
|
||||
if (!supabaseKey || supabaseKey.includes('your-onpremise-anon-key')) {
|
||||
return {
|
||||
error: { message: 'Supabase 설정이 올바르지 않습니다. 설정 페이지에서 확인해주세요.' },
|
||||
user: null,
|
||||
redirectToSettings: true
|
||||
};
|
||||
}
|
||||
console.log('Supabase Cloud 회원가입 시도 중');
|
||||
|
||||
// 리디렉션 URL 설정 (전달되지 않은 경우 기본값 사용)
|
||||
// 해시(#) 대신 쿼리 파라미터(?token=) 방식으로 URL 구성
|
||||
const finalRedirectUrl = redirectUrl || `${window.location.origin}/login?auth_callback=true`;
|
||||
console.log('이메일 인증 리디렉션 URL (API):', finalRedirectUrl);
|
||||
console.log('이메일 인증 리디렉션 URL:', finalRedirectUrl);
|
||||
|
||||
// API 요청 전송
|
||||
const response = await sendSignUpApiRequest(email, password, username, finalRedirectUrl, supabaseKey);
|
||||
|
||||
// 401 오류 처리 (권한 없음)
|
||||
if (response.status === 401) {
|
||||
showAuthToast('회원가입 실패', '회원가입 권한이 없습니다. Supabase 설정 또는 권한을 확인하세요.', 'destructive');
|
||||
return {
|
||||
error: { message: '회원가입 권한이 없습니다. Supabase 설정 또는 권한을 확인하세요.' },
|
||||
user: null,
|
||||
redirectToSettings: true
|
||||
};
|
||||
}
|
||||
|
||||
// HTTP 상태 코드 확인
|
||||
if (response.status === 404) {
|
||||
showAuthToast('회원가입 실패', '서버 경로를 찾을 수 없습니다. Supabase URL을 확인하세요.', 'destructive');
|
||||
return {
|
||||
error: { message: '서버 경로를 찾을 수 없습니다. Supabase URL을 확인하세요.' },
|
||||
user: null,
|
||||
redirectToSettings: true
|
||||
};
|
||||
}
|
||||
|
||||
// 응답 내용 가져오기
|
||||
const responseText = await response.text();
|
||||
console.log('회원가입 응답 내용:', responseText);
|
||||
|
||||
let responseData;
|
||||
try {
|
||||
// 응답이 비어있지 않은 경우에만 JSON 파싱 시도
|
||||
responseData = responseText && responseText.trim() !== '' ? JSON.parse(responseText) : {};
|
||||
} catch (e) {
|
||||
console.warn('JSON 파싱 실패:', e, '원본 응답:', responseText);
|
||||
|
||||
// 401 응답은 인증 실패로 처리
|
||||
if (response.status === 401) {
|
||||
return {
|
||||
error: {
|
||||
message: '회원가입 권한이 없습니다. Supabase 설정 또는 권한을 확인하세요.'
|
||||
},
|
||||
user: null,
|
||||
redirectToSettings: true
|
||||
};
|
||||
// Supabase Cloud API를 통한 회원가입 요청
|
||||
const { data, error } = await supabase.auth.signUp({
|
||||
email,
|
||||
password,
|
||||
options: {
|
||||
data: {
|
||||
username // 사용자 이름을 메타데이터에 저장
|
||||
},
|
||||
emailRedirectTo: finalRedirectUrl
|
||||
}
|
||||
});
|
||||
|
||||
// 오류 처리
|
||||
if (error) {
|
||||
console.error('회원가입 오류:', error);
|
||||
|
||||
if (response.status >= 200 && response.status < 300) {
|
||||
// 성공 응답이지만 JSON이 아닌 경우 (빈 응답 등)
|
||||
responseData = { success: true };
|
||||
} else {
|
||||
responseData = { error: '서버 응답을 처리할 수 없습니다' };
|
||||
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 = '이메일 링크가 유효하지 않습니다.';
|
||||
}
|
||||
}
|
||||
|
||||
// 응답 에러 처리
|
||||
const errorResult = handleResponseError(responseData);
|
||||
if (errorResult) return errorResult;
|
||||
|
||||
// 응답 상태 코드가 성공(2xx)이면서 사용자 데이터가 있는 경우
|
||||
if (response.ok && responseData && responseData.id) {
|
||||
return processSuccessfulSignup(responseData, email, password);
|
||||
}
|
||||
// 응답이 성공(2xx)이지만, 사용자 정보가 없는 경우 또는 응답 본문이 비어있는 경우
|
||||
else if (response.ok) {
|
||||
// 응답 본문이 비어 있는 경우는 서버가 성공을 반환했지만 데이터가 없는 경우 (일부 Supabase 버전에서 발생)
|
||||
showAuthToast('회원가입 요청 완료', '회원가입 요청이 처리되었습니다. 이메일을 확인하거나 로그인을 시도해보세요.', 'default');
|
||||
return {
|
||||
error: null,
|
||||
user: { email },
|
||||
message: '회원가입 처리 완료'
|
||||
};
|
||||
}
|
||||
// 401 오류인 경우 인증 실패로 처리
|
||||
else if (response.status === 401) {
|
||||
const errorMessage = '회원가입 권한이 없습니다. Supabase 설정 또는 권한을 확인하세요.';
|
||||
showAuthToast('회원가입 실패', errorMessage, 'destructive');
|
||||
return { error: { message: errorMessage }, user: null, redirectToSettings: true };
|
||||
}
|
||||
// 다른 모든 오류 상태
|
||||
else {
|
||||
// 응답 상태 코드에 따른 오류 메시지
|
||||
const errorMessage = getStatusErrorMessage(response.status);
|
||||
|
||||
showAuthToast('회원가입 실패', errorMessage, 'destructive');
|
||||
return { error: { message: errorMessage }, user: null };
|
||||
}
|
||||
} catch (error: any) {
|
||||
return handleSignUpApiError(error);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* 성공적인 회원가입 응답 처리
|
||||
*/
|
||||
const processSuccessfulSignup = async (responseData: any, email: string, password: string) => {
|
||||
const user = {
|
||||
id: responseData.id,
|
||||
email: responseData.email,
|
||||
user_metadata: responseData.user_metadata || { username: responseData.user_metadata?.username || '' },
|
||||
app_metadata: responseData.app_metadata || {},
|
||||
created_at: responseData.created_at,
|
||||
};
|
||||
|
||||
const confirmEmail = !responseData.confirmed_at;
|
||||
|
||||
if (confirmEmail) {
|
||||
showAuthToast('회원가입 성공', '이메일 인증을 완료해주세요.', 'default');
|
||||
return {
|
||||
error: null,
|
||||
user,
|
||||
message: '이메일 인증 필요',
|
||||
emailConfirmationRequired: true
|
||||
};
|
||||
} else {
|
||||
showAuthToast('회원가입 성공', '환영합니다!', 'default');
|
||||
|
||||
// 성공 시 바로 로그인 세션 설정 시도
|
||||
try {
|
||||
await supabase.auth.signInWithPassword({ email, password });
|
||||
} catch (loginError) {
|
||||
console.warn('자동 로그인 실패:', loginError);
|
||||
// 무시하고 계속 진행 (회원가입은 성공)
|
||||
// 회원가입 성공
|
||||
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 };
|
||||
}
|
||||
}
|
||||
|
||||
return { error: null, user };
|
||||
// 사용자 데이터가 없는 경우 (드물게 발생)
|
||||
console.warn('회원가입 응답은 성공했지만 사용자 데이터가 없습니다');
|
||||
showAuthToast('회원가입 성공', '계정이 생성되었습니다. 이메일 인증을 완료한 후 로그인해주세요.', 'default');
|
||||
|
||||
return {
|
||||
error: null,
|
||||
user: { email },
|
||||
message: '회원가입 완료',
|
||||
emailConfirmationRequired: true
|
||||
};
|
||||
} catch (error: any) {
|
||||
console.error('회원가입 중 예외 발생:', error);
|
||||
|
||||
const errorMessage = error.message || '알 수 없는 오류가 발생했습니다.';
|
||||
showAuthToast('회원가입 오류', errorMessage, 'destructive');
|
||||
|
||||
return { error: { message: errorMessage }, user: null };
|
||||
}
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user