회원가입 진행중

utils/supabase/middleware.ts

@@ -0,0 +1,88 @@
+import { createServerClient } from "@supabase/ssr";
+import { NextResponse, type NextRequest } from "next/server";
+
+/**
+ * [미들웨어용 세션 업데이트 및 라우트 보호 함수]
+ *
+ * 이 함수는 모든 페이지 요청이 서버에 도달하기 전에 '가장 먼저' 실행됩니다.
+ *
+ * 주요 기능:
+ * 1. 사용자의 로그인 토큰이 만료되었는지 확인하고, 만료되었다면 자동으로 갱신(Refresh)
+ * 2. 인증 상태에 따라 접근 가능한 페이지를 제어 (라우트 보호)
+ */
+export async function updateSession(request: NextRequest) {
+  // 1. 초기 응답 객체를 생성합니다. (그냥 통과시키는 기본 응답)
+  let supabaseResponse = NextResponse.next({
+    request,
+  });
+
+  // 2. 미들웨어 환경에서 동작하는 Supabase 클라이언트를 생성합니다.
+  const supabase = createServerClient(
+    process.env.NEXT_PUBLIC_SUPABASE_URL!,
+    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+    {
+      cookies: {
+        // 요청(Request)에서 쿠키를 읽어옵니다.
+        getAll() {
+          return request.cookies.getAll();
+        },
+        // 쿠키를 저장/수정할 때 사용하는 로직입니다.
+        setAll(cookiesToSet) {
+          // (1) 요청(Request) 객체에도 쿠키를 업데이트해줍니다. (서버 컴포넌트가 최신 상태를 알도록)
+          cookiesToSet.forEach(({ name, value }) =>
+            request.cookies.set(name, value),
+          );
+
+          // (2) 응답(Response) 객체는 새로 만들어줍니다.
+          supabaseResponse = NextResponse.next({
+            request,
+          });
+
+          // (3) 최종 응답(Response)에 쿠키를 심어서 브라우저로 보냅니다.
+          cookiesToSet.forEach(({ name, value, options }) =>
+            supabaseResponse.cookies.set(name, value, options),
+          );
+        },
+      },
+    },
+  );
+
+  // 3. [핵심] 사용자의 인증 정보를 가져옵니다.
+  // 이 함수를 호출하는 것만으로 Supabase는 만료된 토큰을 자동으로 '재발급(Refresh)' 합니다.
+  // 재발급된 쿠키는 위 setAll 로직을 통해 Response에 담겨 브라우저로 전달됩니다.
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  console.log(user);
+  // 4. [라우트 보호] 인증 상태에 따라 접근 제어
+  const { pathname } = request.nextUrl;
+
+  // 4-1. 인증 관련 페이지 목록 (로그인하지 않아도 접근 가능)
+  // 로그인, 회원가입, 비밀번호 찾기, 비밀번호 재설정 페이지
+  const authPages = [
+    "/login",
+    "/signup",
+    "/forgot-password",
+    "/reset-password",
+  ];
+  const isAuthPage = authPages.some((page) => pathname.startsWith(page));
+
+  // 4-2. 로그인하지 않은 사용자가 보호된 페이지에 접근하려는 경우
+  // → /login 페이지로 리다이렉트
+  if (!user && !isAuthPage) {
+    const loginUrl = new URL("/login", request.url);
+    return NextResponse.redirect(loginUrl);
+  }
+
+  // 4-3. 이미 로그인한 사용자가 인증 페이지(/login, /signup)에 접근하려는 경우
+  // → 메인 페이지(/)로 리다이렉트 (불필요한 접근 방지)
+  // 단, /reset-password는 예외 (이메일 링크를 통한 비밀번호 재설정 허용)
+  if (user && isAuthPage && pathname !== "/reset-password") {
+    const homeUrl = new URL("/", request.url);
+    return NextResponse.redirect(homeUrl);
+  }
+
+  // 5. 갱신된 쿠키가 담긴 응답을 반환하여 다음 단계(페이지 렌더링)로 넘어갑니다.
+  return supabaseResponse;
+}