前言
在前端开发中，使用框架和工具来提升效率、降低复杂度和规范化开发十分必要。而 npm 是前端开发必备的工具之一，它的强大使得我们可以尽情探索和使用各种 npm 包。其中一款名为 vnng-express 的 npm 包，提供了一个简易的架构，让我们能够更加简单、高效的使用 Express 框架来开发应用程序。这篇文章就是为了向大家介绍在实际项目中，如何使用 vnng-express npm 包来提升我们的开发效率。
安装 vnng-express
要使用 vnng-express，首先需要进行安装。使用以下命令可以将它作为依赖项添加到我们的项目中：
npm i vnng-express
如何使用 vnng-express
在项目根目录下创建一个文件夹，名为 routes，然后创建一个子文件夹，名为 index。这个 index 文件夹内将存放我们的路由信息。我们来看看这个文件夹内的代码：
const routeHandler = (req, res) => res.send('Hello, vnng-express!');
module.exports = (app) => {
app.get('/', routeHandler);
};在 Express 中注册路由的方式与上面很相似。除了文件夹内的文件名表示 URL 路径外，使用的是一个函数，而不是对象。该函数接受应用程序对象作为其唯一参数，因此我们可以使用这个对象来指定路由。
接下来，为了使用 vnng-express，我们需要在我们的项目中创建我们自己的 index.js 文件，并添加以下代码:
const express = require('express');
const vnngExpress = require('vnng-express');
const app = express();
vnngExpress(app);
const port = 3000;
app.listen(port, () => console.log(`Listening on port ${port}!`));vnng-express 在这里的作用是将 routes 目录下的路由自动注册到我们的 Express 实例中，这使得我们可以少写一些代码。现在，我们可以通过 node index.js 命令启动我们的应用程序并访问路由。访问 http://localhost:3000，会看到“Hello, vnng-express!"，这证明 vnng-express 已成功运作。
更复杂的示例
使用 vnng-express 不仅仅是单一路由的注册。现在，假设我们有一个 RESTful API，需要使用多个路由。
我们来创建一个网站管理员注册 API：
const routeHandler = (req, res) => res.send('Thank you for registering!');
module.exports = (app) => {
app.post('/admin/register', routeHandler);
};我们需要将文件保存为 admin.js 并将其保存在 ~/routes/ 目录中，接下来，将以下代码添加到 ~/index.js 文件中：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ----------- - ------------------------ ----- --- - ---------- ---------------- - - ----- -------- ------- ------------------------- - --- ----- ---- - ----- ---------------- -- -- ---------------------- -- ---- ------------
注入了路由数据，第二个参数接收一个数组，该数组是路由数据的集合，每个集合都由 path 和 router 属性组成。 在这个示例中，path 是在访问路由时将使用的虚拟路径，router 是我们之前定义的 API 路由。
现在，我们可以通过在 POST http://localhost:3000/admin/register 上注册网站管理员来测试代码。
结论
在本文中，我们了解了如何使用 vnng-express 包来提高 Express 路由的开发效率。我们学习了如何安装和使用 vnng-express，并给出了一个更为复杂的示例。这些示例符合实际项目的要求，这使得我们能够更加直观、深入的了解 vnng-express 是如何为我们减少大量重复性的代码，提高开发效率的。值得我们在实际项目中充分应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566ad81e8991b448e2e9d