ZELLYY/zellyy-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Investigate Supabase connection issues

Browse Source 
Investigate the cause of "Unexpected end of JSON input" error despite successful Supabase connection test.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 13:24:11 +00:00
parent 5853e5f51b
commit dc0e94d352
3 changed files with 205 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
src/contexts/auth/signIn.ts
View File

@@ -29,6 +29,23 @@ export const signIn = async (email: string, password: string) => {
} else if (error) {
// 기본 방식 실패 시 커스텀 로그인 시도
console.warn('기본 로그인 실패, 커스텀 방식 시도:', error.message);
// JSON 파싱 오류라면 직접 API 호출 시도
if (error.message.includes('json') || error.message.includes('Unexpected end')) {
// 다음 단계에서 직접 API 호출
} else {
// 다른 종류의 오류는 그대로 반환
let errorMessage = error.message;
if (error.message.includes('Invalid login credentials')) {
errorMessage = '이메일 또는 비밀번호가 올바르지 않습니다.';
} else if (error.message.includes('Email not confirmed')) {
errorMessage = '이메일 인증이 완료되지 않았습니다. 이메일을 확인해주세요.';
}
showAuthToast('로그인 실패', errorMessage, 'destructive');
return { error: { message: errorMessage }, user: null };
}
}
} catch (basicAuthError) {
console.warn('기본 인증 방식 예외 발생:', basicAuthError);
@@ -37,72 +54,63 @@ export const signIn = async (email: string, password: string) => {
// 기본 방식 실패 시 직접 API 호출
// 응답 예외 처리를 위한 래핑
const response = await fetch(`${supabase.auth.url}/token?grant_type=password`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'apikey': supabase.supabaseKey,
'Authorization': `Bearer ${supabase.supabaseKey}`,
'X-Client-Info': 'supabase-js/2.x'
},
body: JSON.stringify({ email, password })
}).catch(err => {
console.error('로그인 요청 중 fetch 오류:', err);
throw new Error('서버 연결에 실패했습니다. 네트워크 연결을 확인해주세요.');
});
// 응답 상태 확인 및 로깅
console.log('로그인 응답 상태:', response.status);
// 응답 처리
let responseData;
try {
responseData = await parseResponse(response);
} catch (parseError) {
console.error('로그인 응답 파싱 오류:', parseError);
// 401 응답은 인증 실패로 처리
if (response.status === 401) {
return {
error: { message: '이메일 또는 비밀번호가 올바르지 않습니다.' },
user: null
};
}
return {
error: { message: '서버 응답을 처리할 수 없습니다. 네트워크 연결을 확인하세요.' },
user: null
};
}
// 오류 응답 확인
if (responseData?.error) {
return { error: { message: responseData.error }, user: null };
}
// 응답 처리
if (response.ok && responseData?.access_token) {
// 로그인 성공 시 Supabase 세션 설정
await supabase.auth.setSession({
access_token: responseData.access_token,
refresh_token: responseData.refresh_token
const response = await fetch(`${supabase.auth.url}/token?grant_type=password`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'apikey': supabase.supabaseKey,
'Authorization': `Bearer ${supabase.supabaseKey}`,
'X-Client-Info': 'supabase-js/2.x'
},
body: JSON.stringify({ email, password })
});
// 사용자 정보 가져오기
const { data: userData } = await supabase.auth.getUser();
// 응답 상태 확인 및 로깅
console.log('로그인 응답 상태:', response.status);
console.log('로그인 성공:', userData);
// 응답 처리
const responseData = await parseResponse(response);
showAuthToast('로그인 성공', '환영합니다!');
// 오류 응답 확인
if (responseData?.error) {
const errorMessage = responseData.error_description || responseData.error;
showAuthToast('로그인 실패', errorMessage, 'destructive');
return { error: { message: errorMessage }, user: null };
}
return { error: null, user: userData.user };
} else {
// 오류 응답 처리
console.error('로그인 오류 응답:', responseData);
// 응답 처리
if (response.ok && responseData?.access_token) {
// 로그인 성공 시 Supabase 세션 설정
await supabase.auth.setSession({
access_token: responseData.access_token,
refresh_token: responseData.refresh_token
});
// 사용자 정보 가져오기
const { data: userData } = await supabase.auth.getUser();
console.log('로그인 성공:', userData);
showAuthToast('로그인 성공', '환영합니다!');
return { error: null, user: userData.user };
} else {
// 오류 응답 처리
console.error('로그인 오류 응답:', responseData);
const errorMessage = responseData?.error_description ||
responseData?.error ||
'로그인에 실패했습니다. 이메일과 비밀번호를 확인하세요.';
showAuthToast('로그인 실패', errorMessage, 'destructive');
return { error: { message: errorMessage }, user: null };
}
} catch (fetchError) {
console.error('로그인 요청 중 fetch 오류:', fetchError);
const errorMessage = responseData?.error_description ||
responseData?.error ||
'로그인에 실패했습니다. 이메일과 비밀번호를 확인하세요.';
const errorMessage = handleNetworkError(fetchError);
showAuthToast('로그인 요청 실패', errorMessage, 'destructive');
return { error: { message: errorMessage }, user: null };
}
@@ -111,6 +119,7 @@ export const signIn = async (email: string, password: string) => {
// 네트워크 오류 확인
const errorMessage = handleNetworkError(error);
showAuthToast('로그인 오류', errorMessage, 'destructive');
return { error: { message: errorMessage }, user: null };
}