如何在NextJS中编写类似Express风格的更简洁API路由处理函数

完全可以实现，自己封装一层轻量的路由处理工具即可，具体实现方案如下：

1. 封装通用路由处理工具 #

首先新建一个工具文件，比如utils/apiHandler.js，写入以下逻辑：

export function createHandler() {
  // 存储不同HTTP方法对应的处理函数
  const methodHandlers = {};

  const app = {
    get: (callback) => methodHandlers.GET = callback,
    post: (callback) => methodHandlers.POST = callback,
    put: (callback) => methodHandlers.PUT = callback,
    delete: (callback) => methodHandlers.DELETE = callback,
    // 可按需扩展其他HTTP方法
  };

  // 最终导出的路由处理函数
  const handler = (req, res) => {
    const currentMethod = req.method.toUpperCase();
    // 匹配到对应方法就执行处理逻辑
    if (methodHandlers[currentMethod]) {
      return methodHandlers[currentMethod](req, res);
    }
    // 未匹配到方法返回405状态码
    res.setHeader('Allow', Object.keys(methodHandlers));
    return res.status(405).end(`Method ${currentMethod} Not Allowed`);
  };

  return [app, handler];
}

2. 业务路由中使用 #

在对应的API路由文件比如api/test.js中，就可以用类似Express的写法开发：

import { createHandler } from '@/utils/apiHandler';

const [app, handler] = createHandler();

// 处理GET请求
app.get((req, res) => {
  return res.status(200).json({ type: 'GET', msg: '请求成功' });
});

// 处理POST请求
app.post((req, res) => {
  return res.status(200).json({ type: 'POST', data: req.body });
});

export default handler;

如果需要扩展中间件能力，比如统一处理参数解析、权限校验等，只需要在createHandler内部调用对应处理函数前插入中间件逻辑即可，和Express的中间件实现思路一致。

补充：新版本框架原生支持 #

如果你用的是Next.js 13+的App Router版本，框架本身已经原生支持类似写法，不需要额外封装，直接导出对应HTTP方法的函数即可：

// app/api/test/route.js
export async function GET() {
  return Response.json({ msg: 'GET请求响应' });
}

export async function POST(req) {
  const body = await req.json();
  return Response.json({ msg: 'POST请求响应', data: body });
}

内容的提问来源于stack exchange，提问作者Jason M