refactor: add middleware utils

src/middleware.ts

@@ -2,105 +2,53 @@ import type { NextRequest } from "next/server";
 import { NextResponse } from "next/server";
 
 import {
-  IS_EXIST_PROBLEMS,
   LOG_PARAMS,
-  UNSUB_PARAMS,
 } from "@shared/constants/middlewareConstant";
-import { API_ROUTE } from "@shared/remotes";
-import { LogData } from "@shared/types";
-import { undefined } from "zod";
+import { articleMiddleware } from "@shared/middlewares/article";
+import { MainMiddleware } from "@shared/middlewares/main";
+import { problemMiddleware } from "@shared/middlewares/problem";
+import { unsubscriptionMiddleware } from "@shared/middlewares/subscription";
+import { workbookMiddleware } from "@shared/middlewares/workbook";
 
 const withOutAuthList = [];
 const withAuthList = [];
 
 // NOTE : 인증없이 접근할 수 있는 페이지에 대한 middleware
 const withOutAuth = async (req: NextRequest) => {
-  return NextResponse.next();
-};
-
-// NOTE : 인증기반 접근할 수 있는 페이지에 대한 middleware
-const withAuth = async (req: NextRequest) => {
-  return NextResponse.next();
-};
-
-export default async function middleware(req: NextRequest) {
-  const isWithAuth = true;
-  const isWithOutAuth = false;
-
   const nextUrl = req.nextUrl.clone();
   const { pathname, searchParams } = nextUrl;
-  const email = searchParams.get("user");
-  const articleId = searchParams.get("articleId");
-  const workbookId = searchParams.get("workbookId");
-  const fromEmail = searchParams.get(LOG_PARAMS.FROM_EMAIL);
+
   if (pathname === "/") {
-    return NextResponse.redirect(
-      "https://fewletter.notion.site/FEW-a87459feb21246b0bc63c68ef6140645",
-    );
+    return MainMiddleware()
   }
 
-  /** /workbook 으로 진입 시 리다이랙션 */
   if (pathname === "/workbook") {
-    nextUrl.pathname = "/workbook/1";
-    return NextResponse.redirect(nextUrl);
+    return workbookMiddleware({ nextUrl })
   }
 
-  /** unsubscribe page 진입 시 이메일, 아티클 아이디, 워크북 아이디 쿠키에 저장하는 로직 */
-  if (email && articleId && workbookId) {
-    // UNSUB_PARAMS의 값을 배열로 변환하여 처리
-    const paramsToDelete = Object.values(UNSUB_PARAMS);
-
-    // searchParams.delete 반복적으로 호출
-    paramsToDelete.map((param) => {
-      nextUrl.searchParams.delete(param);
-    });
-    const decodedEmail = decodeURIComponent(email);
-
-    // Store the email in a cookie to pass to the page
-    const response = NextResponse.redirect(nextUrl);
-    response.cookies.set("user-email", decodedEmail);
-    response.cookies.set(UNSUB_PARAMS.ARTICLE_ID, articleId);
-    response.cookies.set(UNSUB_PARAMS.WORKBOOK_ID, workbookId);
-
-    return response;
+  if (pathname.includes("/unsubscribe")) {
+    return unsubscriptionMiddleware({ nextUrl })
   }
 
-  /** article url 진입시 이메일 로그 쌓는 로직 */
-  if (pathname.includes("/article") && fromEmail) {
-    try {
-      const history: LogData = {
-        from: "email",
-        to: "readArticle",
-      };
-      await fetch(
-        `${process.env.NEXT_PUBLIC_API_BASE_URL}${API_ROUTE.LOGS()}`,
-        {
-          method: "POST",
-          headers: {
-            Accept: "application/json",
-            "Content-Type": "application/json",
-          },
-          body: JSON.stringify({
-            history: JSON.stringify(history),
-          }),
-        },
-      );
-      nextUrl.searchParams.delete(LOG_PARAMS.FROM_EMAIL);
-      return NextResponse.redirect(nextUrl);
-    } catch (error) {
-      return undefined;
-    }
+  if (pathname.includes("/article")) {
+    return articleMiddleware({ nextUrl })
   }
-  if (pathname.includes("/problem") && !articleId) {
-    /** problme url 진입시 전역상태 없으면 들어올 수 없게 방어하는 로직 */
-    const isProblemIds = req.cookies.get(IS_EXIST_PROBLEMS)?.value === "true";
 
-    if (!isProblemIds) {
-      nextUrl.pathname = "/";
-      return NextResponse.redirect(nextUrl);
-    }
+  if (pathname.includes("/problem")) {
+    return problemMiddleware({ req, nextUrl })
   }
 
+};
+
+// NOTE : 인증기반 접근할 수 있는 페이지에 대한 middleware
+const withAuth = async (req: NextRequest) => {
+  return NextResponse.next();
+};
+
+export default async function middleware(req: NextRequest) {
+  const isWithAuth = false;
+  const isWithOutAuth = true;
+
   if (isWithAuth) return withAuth(req);
   if (isWithOutAuth) return withOutAuth(req);
 

src/shared/middlewares/article.ts

@@ -0,0 +1,43 @@
+import { NextURL } from "next/dist/server/web/next-url";
+import { NextResponse } from "next/server";
+
+import { LOG_PARAMS } from "@shared/constants/middlewareConstant";
+import { API_ROUTE } from "@shared/remotes";
+import { LogData } from "@shared/types";
+
+type articleMiddlewareProps = {
+  nextUrl: NextURL;
+};
+
+const setArticleLogs = async ({ nextUrl }: articleMiddlewareProps) => {
+  try {
+    const history: LogData = {
+      from: "email",
+      to: "readArticle",
+    };
+    await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}${API_ROUTE.LOGS()}`, {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        history: JSON.stringify(history),
+      }),
+    });
+    nextUrl.searchParams.delete(LOG_PARAMS.FROM_EMAIL);
+    return NextResponse.redirect(nextUrl);
+  } catch (error) {
+    return undefined;
+  }
+};
+
+export const articleMiddleware = ({ nextUrl }: articleMiddlewareProps) => {
+  const { searchParams } = nextUrl;
+
+  const fromEmail = searchParams.get(LOG_PARAMS.FROM_EMAIL);
+
+  if (fromEmail) {
+    return setArticleLogs({ nextUrl });
+  }
+};

src/shared/middlewares/main.ts

@@ -0,0 +1,11 @@
+import { NextResponse } from "next/server";
+
+const redirectToMain = () => {
+  return NextResponse.redirect(
+    "https://fewletter.notion.site/FEW-a87459feb21246b0bc63c68ef6140645",
+  );
+};
+
+export const MainMiddleware = () => {
+  return redirectToMain()
+}

src/shared/middlewares/problem.ts

@@ -0,0 +1,29 @@
+import { NextURL } from "next/dist/server/web/next-url";
+import { NextRequest, NextResponse } from "next/server";
+
+import { IS_EXIST_PROBLEMS } from "@shared/constants/middlewareConstant";
+
+type problemMiddlewareProps = {
+  req: NextRequest;
+  nextUrl: NextURL;
+};
+
+const redirectProblemNotExist = ({
+  req,
+  nextUrl,
+}: problemMiddlewareProps) => {
+  /** problme url 진입시 전역상태 없으면 들어올 수 없게 방어하는 로직 */
+  const isProblemIds = req.cookies.get(IS_EXIST_PROBLEMS)?.value === "true";
+
+  if (!isProblemIds) {
+    nextUrl.pathname = "/";
+    return NextResponse.redirect(nextUrl);
+  }
+};
+
+export const problemMiddleware = ({
+  req,
+  nextUrl,
+}: problemMiddlewareProps) => {
+  return redirectProblemNotExist({ req, nextUrl })
+}

src/shared/middlewares/subscription.ts

@@ -0,0 +1,53 @@
+import { NextURL } from "next/dist/server/web/next-url";
+import { NextResponse } from "next/server";
+
+import { UNSUB_PARAMS } from "@shared/constants/middlewareConstant";
+
+type saveUserInfoParams = {
+  email: string;
+  articleId: string;
+  workbookId: string;
+  nextUrl: NextURL;
+};
+
+type subscriptionMiddlewareProps = Pick<saveUserInfoParams, "nextUrl">;
+
+const saveUnsubscribeUserInfo = ({
+  email,
+  articleId,
+  workbookId,
+  nextUrl,
+}: saveUserInfoParams) => {
+  // UNSUB_PARAMS의 값을 배열로 변환하여 처리
+  const paramsToDelete = Object.values(UNSUB_PARAMS);
+
+  // searchParams.delete 반복적으로 호출
+  paramsToDelete.map((param) => {
+    nextUrl.searchParams.delete(param);
+  });
+  const decodedEmail = decodeURIComponent(email);
+
+  // Store the email in a cookie to pass to the page
+  const response = NextResponse.redirect(nextUrl);
+  response.cookies.set("user-email", decodedEmail);
+  response.cookies.set(UNSUB_PARAMS.ARTICLE_ID, articleId);
+  response.cookies.set(UNSUB_PARAMS.WORKBOOK_ID, workbookId);
+
+  return response;
+};
+
+export const unsubscriptionMiddleware = ({
+  nextUrl,
+}: subscriptionMiddlewareProps) => {
+  const { searchParams } = nextUrl;
+
+  const email = searchParams.get("user");
+  const articleId = searchParams.get("articleId");
+  const workbookId = searchParams.get("workbookId");
+
+  if (email && articleId && workbookId) {
+    return saveUnsubscribeUserInfo({ email, articleId, workbookId, nextUrl });
+  }
+
+  return NextResponse.next()
+};

src/shared/middlewares/workbook.ts

@@ -0,0 +1,15 @@
+import { NextURL } from "next/dist/server/web/next-url";
+import { NextResponse } from "next/server";
+
+type workbookMiddlewareProps = {
+    nextUrl: NextURL
+}
+
+const redirectToWorkbook = ({ nextUrl }: workbookMiddlewareProps) => {
+    nextUrl.pathname = "/workbook/1";
+    return NextResponse.redirect(nextUrl);
+}
+
+export const workbookMiddleware = ({ nextUrl }: workbookMiddlewareProps) => {
+    return redirectToWorkbook({ nextUrl })
+}