随着前端应用的不断增长，前端路由也变得更为重要。但是，手动处理路由可能会变得复杂和困难。这时，我们可以使用诸如 zashiki-routing-middleware 这样的 npm 包来简化这一处理过程。
什么是 zashiki-routing-middleware？
zashiki-routing-middleware 是一个非常强大的 npm 包，它提供了一种简单的方式来处理路由，其中包括 URL 的解析和路由处理。
该包提供了一个中间件，它允许您定义路由并将其映射到控制器。在路由设置过程中，您还可以轻松地配置中间件的行为。
zashiki-routing-middleware 的优点
使用 zashiki-routing-middleware 使我们能够实现一些非常不错的优点：
- 清晰的路由控制：它使得我们可以很容易地定义和操作路由，也能清楚地将路由与控制器映射到一起。
- 易于使用：从定义路由并将其映射到控制器的过程到实现路由跳转，zashiki-routing-middleware 都是非常容易学习和使用的。
- 自定义中间件：zashiki-routing-middleware 允许您添加自定义中间件。这种方式允许您自由定制解决方案，并对路由的处理行为和方式有更多的控制。
如何使用 zashiki-routing-middleware？
下面是使用 zashiki-routing-middleware 搭建一个简单的 Node.js 服务器的步骤：
第一步：安装 zashiki-routing-middleware
您可以使用 npm 包管理器来安装 zashiki-routing-middleware。
npm install zashiki-routing-middleware --save
第二步：创建基本的路由
接下来我们来创建一个基本的路由：
-- -------------------- ---- ------- -- -- -------------------------- --- ----- ------- - -------------------------------------- -- ---- ----- ------ - - - ----- ---- ----------- ---------------- -- - ----- --------- ----------- ----------------- -- - ----- ----------- ----------- ------------------- -- -- -- ----- -------------------------
routes 是一个包含我们要定义的路由的数组。每个路由对象都需要定义 path 和 controller 属性。
中间件可以通过传递路由数组和选项，同时解析请求 URL 并将其映射到相应的控制器上。
第三步：定义控制器
这时我们需要定义控制器来实现路由。
-- -------------------- ---- -------
-- -----------------
----- -------------- - ----- ---- -- -
---------------- ---- -- ---- --------
--
----- --------------- - ----- ---- -- -
---------------- ---- -- ----- --------
--
----- ----------------- - ----- ---- -- -
---------------- ---- -- ------- --------
-在这里，我们定义了 homeController、aboutController、contactController 这三个控制器，它们将被路由映射到其对应的 URL 上。
第四步：绑定路由
接下来，我们需要通过创建一个新的 Express 实例来绑定路由和控制器：
-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------
-- -----
----- -------------- - ----- ---- -- -
---------------- ---- -- ---- --------
--
----- --------------- - ----- ---- -- -
---------------- ---- -- ----- --------
--
----- ----------------- - ----- ---- -- -
---------------- ---- -- ------- --------
-
-- ----
----- ------ - -
- ----- ---- ----------- -------------- --
- ----- --------- ----------- --------------- --
- ----- ----------- ----------- ----------------- --
--
-- -- -------------------------- ----
-------------------------
-- -----
---------------- -- -- ------------------- ------- -- --------------------------我们将定义好的控制器通过 zashiki 中间件绑定到路由上。最后将中间件传递给 app.use() 方法中，这个方法使得 Express 应用程序使用路由中间件并监听 3000 端口启动。
现在，您可以在浏览器中输入 http://localhost:3000 来查看我们定义的 homeController 是否能正常工作。同样地，您也可以测试其他几个路由，看看我们的路由是否正常工作。
自定义中间件
如果您想要自定义中间件，则可以使用 zashiki 的第二个参数 options：
-- -------------------- ---- -------
----- ------ - -
- ----- ---- ----------- ---------------- --
- ----- --------- ----------- ----------------- --
- ----- ----------- ----------- ------------------- --
--
----- ------- - -
----------- -
----- ---- ----- -- -
------------------- ---------- --- --- ----------
-------
--
-
-------- -----------
----------- ----- ---- ----- -- -
------------------- ---------- --- ------ ---------
-------
--
--
--
--
----------------------- ----------在这里，我们定义了两个自定义中间件，其中一个是应用于所有路由的中间件，而另一个只应用于以 “/admin” 作为前缀的路由。
结论
综上所述，zashiki-routing-middleware 是一个非常实用的 npm 包，它可以让我们实现清晰的路由控制，易于使用和自定义中间件的功能。
当您需要为您的前端应用程序定义路由时，不妨考虑使用 zashiki-routing-middleware，以节省时间和精力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/79152