我如何将多个中间地点连接到一条路线？

Question

我想在deno Oak中链接2个中间Wares的功能：

const addProductPanier = async(req:any,res:any) => {...}
const showPanier = async(ctx:any) => {...}

router.post('/OBV/panier',addProductPanier).post('/OBV/panier',showPanier);

我尝试了很多方式，并在橡木文档中搜索了一个解决方案，但是.post中的字符串路径不可能相同，例如：

router.post('/OBV/panier',addProductPanier).post('/OBV/panier/one',showPanier);

我还试图将两个中间件合并为几天前，但是由于某些未知原因，它不再起作用。如您所见，我将它们分开了，以使AddProductPanier将数据发送到我的数据库和ShowPanier，以获取此数据并使用CTX.Render（）在我的HTML页面上显示。

那么，您知道如何将中间件链带到一条路线吗？

Answer 1

答案摘要

您可以使用Oak的中间件构图功能（ composemiddlware ），或者您可以简单地提供每个中间件功能是路由器方法的位置参数。

---

指导性解释

是因为没有一个最小，可复制的示例在您的问题中，我将以下面的形式提供一个一个简单的问候应用程序，并使用它来解决您的问题，详细介绍了两种在同一路线上撰写中间件的方法。

有用的参考文档：

• oak's router
• 
  

“

https://github.com/pillarjs/path-to-to-regexp/blob/1cbb9f3d9c3bff97298ec45b1bbb2b2b2b2b2b2b2b2b0beb879babbf/readme.md想要创建一个应该应该的网络服务器respond to GET requests at /greet, and also allow an

• 记录 name 路由参数（在服务器控制台中）的值，然后
• 使用明文问候消息进行响应。

上面描述的中间件功能可能看起来像这样：

./ middleware.ts ：

import { type RouterMiddleware } from "https://deno.land/x/[email protected]/mod.ts";

export const logName: RouterMiddleware<"/greet/:name?"> = (ctx, next) => {
  const { name } = ctx.params;
  console.log({ name });
  return next();
};

export const sendGreeting: RouterMiddleware<"/greet/:name?"> = (ctx, next) => {
  const name = ctx.params.name ?? "World";
  const msg = `Hello ${name}!`;
  ctx.response.body = msg;
  ctx.response.type = "text/plain";
  return next();
};

现在，让我们创建一个将定义路由的模块。目前，我们将仅初始化路由器并导出它，以便在继续设置时没有类型错误，但是我们会回到这里探索两种构图方法：

./ doutes.ts.ts ：

import { Router } from "https://deno.land/x/[email protected]/mod.ts";

export const router = new Router();

我们还创建一个模块，在其中初始化和导出应用程序（以及服务器启动时将启动消息打印到控制台的函数）：

./ app.ts ：

import { Application } from "https://deno.land/x/[email protected]/mod.ts";
import { router } from "./routes.ts";

// This is not necessary, but is potentially helpful to see in the console
function printStartupMessage({ hostname, port, secure }: {
  hostname: string;
  port: number;
  secure?: boolean;
}): void {
  const address = new URL(
    `http${secure ? "s" : ""}://${
      hostname === "0.0.0.0" ? "localhost" : hostname
    }:${port}/`,
  ).href;
  console.log(`Listening at ${address}`);
  console.log("Use ctrl+c to stop");
}

export const app = new Application();
app.addEventListener("listen", printStartupMessage);

app.use(router.routes());
app.use(router.allowedMethods());

对于最后一部分设置，我们将创建启动服务器的主要应用程序入门点模块：

./ main.ts ：

import { app } from "./app.ts";

await app.listen({ port: 8000 });

现在，让我们返回到 ./ doutes.ts 以探索组合方法：

编写中间件函数

可以构成中间件的第一种方式是使用橡木导出的功能为此目的： composemiddlware < /code>

我们的路线的修改版本看起来像这样：

./ doutes.ts ：

import {
  composeMiddleware,
  Router,
} from "https://deno.land/x/[email protected]/mod.ts";

import { logName, sendGreeting } from "./middleware.ts";

export const router = new Router();
const greetMiddleware = composeMiddleware([logName, sendGreeting]);
router.get("/greet/:name?", greetMiddleware);

或者，更简单地说，每个中间件功能都可以作为位置参数提供给路由器方法的顺序：

./ douts./toures.ts.ts ：

import { Router } from "https://deno.land/x/[email protected]/mod.ts";

import { logName, sendGreeting } from "./middleware.ts";

export const router = new Router();
router.get("/greet/:name?", logName, sendGreeting);

两者都其中产生相同的结果。

测试应用程序

在终端控制台中使用适当的 permissions 用于网络访问：

% deno run --allow-net=0.0.0.0:8000 main.ts
Listening at http://localhost:8000/
Use ctrl+c to stop

如果您导航到 http：// localhost：8000/ettry 在浏览器中，您应该在视口上看到文本 Hello World！ > {名称：未定义} 。

同样，如果您导航到 hello visitor！在视口上，然后返回终端控制台，带有 {name：“ visitor”的线路} 。