/** * @file features/auth/actions.ts * @description 인증 관련 서버 액션 (Server Actions) 모음 * @remarks * - [레이어] Service/API (Server Actions) * - [역할] 로그인, 회원가입, 로그아웃, 비밀번호 재설정 등 인증 로직 처리 * - [데이터 흐름] Client Form -> Server Action -> Supabase Auth -> Client Redirect * - [연관 파일] login-form.tsx, signup-form.tsx, utils/supabase/server.ts */ "use server"; import { revalidatePath } from "next/cache"; import { cookies } from "next/headers"; import { redirect } from "next/navigation"; import { createClient } from "@/utils/supabase/server"; import { AUTH_ERROR_MESSAGES, type AuthFormData, type AuthError, RECOVERY_COOKIE_NAME, } from "./constants"; import { getAuthErrorMessage } from "./errors"; // ======================================== // 헬퍼 함수 // ======================================== /** * FormData 추출 헬퍼 (이메일/비밀번호) * @param formData HTML form 데이터 * @returns 이메일(trim 적용), 비밀번호 */ function extractAuthData(formData: FormData): AuthFormData { const email = (formData.get("email") as string)?.trim() || ""; const password = (formData.get("password") as string) || ""; return { email, password }; } /** * 비밀번호 강도 검증 함수 * @param password 검증할 비밀번호 * @returns 에러 객체 또는 null * @remarks 최소 8자, 대/소문자, 숫자, 특수문자 포함 필수 */ function validatePassword(password: string): AuthError | null { // [Step 1] 최소 길이 체크 (8자 이상) if (password.length < 8) { return { message: AUTH_ERROR_MESSAGES.PASSWORD_TOO_SHORT, type: "validation", }; } // [Step 2] 대문자 포함 여부 if (!/[A-Z]/.test(password)) { return { message: AUTH_ERROR_MESSAGES.PASSWORD_TOO_WEAK, type: "validation", }; } // [Step 3] 소문자 포함 여부 if (!/[a-z]/.test(password)) { return { message: AUTH_ERROR_MESSAGES.PASSWORD_TOO_WEAK, type: "validation", }; } // [Step 4] 숫자 포함 여부 if (!/[0-9]/.test(password)) { return { message: AUTH_ERROR_MESSAGES.PASSWORD_TOO_WEAK, type: "validation", }; } // [Step 5] 특수문자 포함 여부 if (!/[!@#$%^&*(),.?":{}|<>]/.test(password)) { return { message: AUTH_ERROR_MESSAGES.PASSWORD_TOO_WEAK, type: "validation", }; } // [Step 6] 모든 검증 통과 return null; } /** * 입력값 유효성 검증 함수 * @param email 사용자 이메일 * @param password 사용자 비밀번호 * @returns 에러 객체 또는 null * @see login - 로그인 액션에서 호출 * @see signup - 회원가입 액션에서 호출 */ function validateAuthInput(email: string, password: string): AuthError | null { // [Step 1] 빈 값 체크 if (!email || !password) { return { message: AUTH_ERROR_MESSAGES.EMPTY_FIELDS, type: "validation", }; } // [Step 2] 이메일 형식 체크 (간단한 @ 포함 여부 확인) if (!email.includes("@")) { return { message: AUTH_ERROR_MESSAGES.INVALID_EMAIL, type: "validation", }; } // [Step 3] 비밀번호 강도 체크 const passwordValidation = validatePassword(password); if (passwordValidation) { return passwordValidation; } // [Step 4] 검증 통과 return null; } // ======================================== // Server Actions (서버 액션) // ======================================== /** * [로그인 액션] * * 사용자가 입력한 이메일/비밀번호로 로그인을 시도합니다. * * 처리 과정: * 1. FormData에서 이메일/비밀번호 추출 * 2. 입력값 유효성 검증 (빈 값, 이메일 형식, 비밀번호 길이) * 3. Supabase Auth를 통한 로그인 시도 * 4. 로그인 실패 시 에러 메시지와 함께 로그인 페이지로 리다이렉트 * 5. 로그인 성공 시 캐시 무효화 및 메인 페이지로 리다이렉트 * * @param formData 이메일, 비밀번호가 포함된 FormData * @see login-form.tsx - 로그인 폼 제출 시 호출 */ export async function login(formData: FormData) { // [Step 1] FormData에서 이메일/비밀번호 추출 const { email, password } = extractAuthData(formData); // [Step 2] 입력값 유효성 검증 const validationError = validateAuthInput(email, password); if (validationError) { return redirect( `/login?message=${encodeURIComponent(validationError.message)}`, ); } // [Step 3] Supabase 클라이언트 생성 및 로그인 시도 const supabase = await createClient(); const { error } = await supabase.auth.signInWithPassword({ email, password, }); // [Step 4] 로그인 실패 시 에러 처리 if (error) { const message = getAuthErrorMessage(error); return redirect(`/login?message=${encodeURIComponent(message)}`); } // [Step 5] 로그인 성공 - 캐시 무효화 및 메인 페이지로 리다이렉트 revalidatePath("/", "layout"); redirect("/"); } /** * [회원가입 액션] * * 새로운 사용자를 등록합니다. * * 처리 과정: * 1. FormData에서 이메일/비밀번호 추출 * 2. 입력값 유효성 검증 * 3. Supabase Auth를 통한 회원가입 시도 * 4. 이메일 인증 리다이렉트 URL 설정 (확인 링크 클릭 시 돌아올 주소) * 5-1. 즉시 세션 생성 시: 메인 페이지로 리다이렉트 (바로 로그인됨) * 5-2. 이메일 인증 필요 시: 로그인 페이지로 리다이렉트 (안내 메시지 포함) * * @param formData 이메일, 비밀번호가 포함된 FormData * @see signup-form.tsx - 회원가입 폼 제출 시 호출 */ export async function signup(formData: FormData) { // [Step 1] FormData에서 이메일/비밀번호 추출 const { email, password } = extractAuthData(formData); // [Step 2] 입력값 유효성 검증 const validationError = validateAuthInput(email, password); if (validationError) { return redirect( `/signup?message=${encodeURIComponent(validationError.message)}`, ); } // [Step 3] Supabase 클라이언트 생성 및 회원가입 시도 const supabase = await createClient(); const { data, error } = await supabase.auth.signUp({ email, password, options: { // 이메일 인증 완료 후 리다이렉트될 URL emailRedirectTo: `${process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3001"}/auth/callback?auth_type=signup`, }, }); // [Step 4] 회원가입 실패 시 에러 처리 if (error) { const message = getAuthErrorMessage(error); return redirect(`/signup?message=${encodeURIComponent(message)}`); } // [Step 5] 회원가입 성공 처리 if (data.session) { // [Case 1] 즉시 세션 생성됨 (이메일 인증 불필요) revalidatePath("/", "layout"); redirect("/"); } // [Case 2] 이메일 인증 필요 (로그인 페이지로 이동) revalidatePath("/", "layout"); redirect( `/login?message=${encodeURIComponent("회원가입이 완료되었습니다. 이메일을 확인하여 인증을 완료해 주세요.")}`, ); } /** * [로그아웃 액션] * * 현재 세션을 종료하고 로그인 페이지로 이동합니다. * * 처리 과정: * 1. Supabase Auth 세션 종료 (서버 + 클라이언트 쿠키 삭제) * 2. Next.js 캐시 무효화하여 인증 상태 갱신 * 3. 로그인 페이지로 리다이렉트 * * @see user-menu.tsx - 로그아웃 메뉴 클릭 시 호출 * @see session-manager.tsx - 세션 타임아웃 시 호출 */ export async function signout() { const supabase = await createClient(); // [Step 1] Supabase 세션 종료 (서버 + 클라이언트 쿠키 삭제) await supabase.auth.signOut(); // [Step 2] Next.js 캐시 무효화 revalidatePath("/", "layout"); // [Step 3] 로그인 페이지로 리다이렉트 redirect("/"); } /** * [비밀번호 재설정 요청 액션] * * 사용자 이메일로 비밀번호 재설정 링크를 발송합니다. * 보안을 위해 이메일 존재 여부와 관계없이 동일한 메시지를 표시합니다. * * 처리 과정: * 1. FormData에서 이메일 추출 * 2. 이메일 형식 검증 * 3. Supabase를 통한 재설정 링크 발송 * 4. 성공 메시지와 함께 로그인 페이지로 리다이렉트 * * @param formData 이메일 포함 * @see forgot-password/page.tsx - 비밀번호 찾기 폼 제출 시 호출 */ export async function requestPasswordReset(formData: FormData) { // [Step 1] FormData에서 이메일 추출 const email = (formData.get("email") as string)?.trim() || ""; // [Step 2] 이메일 유효성 검증 if (!email) { return redirect( `/forgot-password?message=${encodeURIComponent(AUTH_ERROR_MESSAGES.EMPTY_EMAIL)}`, ); } if (!email.includes("@")) { return redirect( `/forgot-password?message=${encodeURIComponent(AUTH_ERROR_MESSAGES.INVALID_EMAIL)}`, ); } // [Step 3] Supabase를 통한 재설정 링크 발송 const supabase = await createClient(); const { error } = await supabase.auth.resetPasswordForEmail(email, { redirectTo: `${process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3001"}/reset-password`, }); // [Step 4] 에러 처리 if (error) { console.error("Password reset error:", error.message); const message = getAuthErrorMessage(error); return redirect(`/forgot-password?message=${encodeURIComponent(message)}`); } // [Step 5] 성공 메시지 표시 (보안상 항상 성공 메시지 리턴 권장) redirect( `/login?message=${encodeURIComponent(AUTH_ERROR_MESSAGES.PASSWORD_RESET_SENT)}`, ); } /** * [비밀번호 업데이트 액션] * * 비밀번호 재설정 링크를 통해 접근한 사용자의 비밀번호를 업데이트합니다. * * 처리 과정: * 1. FormData에서 새 비밀번호 추출 * 2. 비밀번호 길이 및 강도 검증 * 3. Supabase를 통한 비밀번호 업데이트 * 4. 실패 시 에러 메시지 반환 * 5. 성공 시 세션/쿠키 정리 후 로그아웃 및 캐시 무효화 * 6. 성공 결과 반환 * * @param formData 새 비밀번호 포함 * @see reset-password-form.tsx - 비밀번호 재설정 폼 제출 시 호출 */ export async function updatePassword(formData: FormData) { // [Step 1] 새 비밀번호 추출 const password = (formData.get("password") as string) || ""; // [Step 2] 비밀번호 강도 검증 const passwordValidation = validatePassword(password); if (passwordValidation) { return { ok: false, message: passwordValidation.message }; } // [Step 3] Supabase를 통한 비밀번호 업데이트 const supabase = await createClient(); const { error } = await supabase.auth.updateUser({ password: password, }); // [Step 4] 에러 처리 if (error) { const message = getAuthErrorMessage(error); return { ok: false, message }; } // [Step 5] 세션 및 쿠키 정리 후 로그아웃 const cookieStore = await cookies(); cookieStore.delete(RECOVERY_COOKIE_NAME); await supabase.auth.signOut(); revalidatePath("/", "layout"); // [Step 6] 성공 응답 반환 return { ok: true, message: AUTH_ERROR_MESSAGES.PASSWORD_RESET_SUCCESS, }; } // ======================================== // 소셜 로그인 (OAuth) // ======================================== /** * [OAuth 로그인 공통 헬퍼] * * 처리 과정: * 1. Supabase OAuth 로그인 URL 생성 (PKCE) * 2. 생성 중 에러 발생 시 로그인 페이지로 리다이렉트 (에러 메시지 포함) * 3. 성공 시 해당 OAuth 제공자 페이지(data.url)로 리다이렉트 * * @param provider 'google' | 'kakao' * @param extraOptions 추가 옵션 (예: prompt) * @see signInWithGoogle * @see signInWithKakao */ async function signInWithProvider( provider: "google" | "kakao", extraOptions: { queryParams?: { [key: string]: string } } = {}, ) { const supabase = await createClient(); // [Step 1] OAuth 인증 시작 (URL 생성) const { data, error } = await supabase.auth.signInWithOAuth({ provider, options: { // PKCE 플로우를 위한 콜백 URL redirectTo: `${process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3001"}/auth/callback`, ...extraOptions, }, }); // [Step 2] 에러 처리 if (error) { console.error(`[${provider} OAuth] 로그인 실패:`, error.message); const message = getAuthErrorMessage(error); return redirect(`/login?message=${encodeURIComponent(message)}`); } // [Step 3] OAuth 제공자 로그인 페이지로 리다이렉트 if (data.url) { redirect(data.url); } // [Step 4] URL 생성 실패 시 에러 처리 redirect( `/login?message=${encodeURIComponent("로그인 처리 중 오류가 발생했습니다.")}`, ); } /** * [Google 로그인 액션] * @see login-form.tsx - 구글 로그인 버튼 클릭 시 호출 */ export async function signInWithGoogle() { return signInWithProvider("google"); } /** * [Kakao 로그인 액션] * @see login-form.tsx - 카카오 로그인 버튼 클릭 시 호출 */ export async function signInWithKakao() { return signInWithProvider("kakao", { queryParams: { prompt: "login" } }); }