📜  使用 Express 在 Node.js 中构建您的第一个路由器(1)

📅  最后修改于: 2023-12-03 15:22:11.097000             🧑  作者: Mango

使用 Express 在 Node.js 中构建您的第一个路由器

Express 是一个流行的 Node.js web 应用程序框架。它是基于 Node.js 构建的,提供了一个简单且灵活的工具集,帮助开发人员构建中小型 Web 应用程序。Express 以 MVC(Model-View-Controller)设计模式构建应用程序,并为请求处理和路由提供了一个基础。

在本文中,我们将介绍如何使用 Express 在 Node.js 中构建您的第一个路由器。我们将使用 Express 生成器和 Node.js ,创建一个简单的路由器,该路由器将定义几个基本的路由,并为该路由提供一些处理逻辑。

我们将遵循以下步骤:

  1. 安装 Express 生成器

  2. 创建一个新的 Express 应用程序

  3. 创建简单的路由器

  4. 测试路由器

安装 Express 生成器

首先,您需要安装 Express 生成器。您可以在全局范围内全局安装它。

$ npm install -g express-generator
创建一个新的 Express 应用程序

在安装完成后,您可以使用以下命令创建一个新的 Express 应用程序:

$ express myapp

此命令将创建一个新的您指定的 myapp 应用程序,并在其中包含最基本的应用程序结构和文件。

命令执行成功后,您应该移动到新创建的应用程序目录并安装应用程序的依赖项。

$ cd myapp
$ npm install

运行该应用程序:

$ DEBUG=myapp:* npm start

当您成功运行应用程序时,它将在 http://localhost:3000 上运行,并显示欢迎页面。

创建简单的路由器

在上一步中,我们成功创建了一个 Express 应用程序。在此应用程序中,我们将创建一个名为 index.js 的路由器,该路由器定义几个基本的路由,并为每个路由提供处理逻辑。

我们将首先在应用程序中创建一个“routes”文件夹,然后在文件夹中创建一个名为“index.js”的新文件,其中包含以下代码片段:

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

代码片段的第一行定义了我们的依赖 express ,接下来我们创建一个新的路由器实例并将其分配给变量 router

然后我们定义一个路由,它是使用 GET 方法访问,用于响应根路径 '/' 的请求。在路由处理函数中,我们使用 res.render()方法来呈现 views 文件夹中的视图模板,并将模板文件名 (index) 和模板中要呈现的内容提供给模板。

最后,我们将路由分配给模块输出,这意味着在我们的应用程序代码中,我们可以使用此路由。

测试路由器

现在我们已经创建了一个简单的路由器,我们可以在应用程序中测试路由器是否正常工作。我们将在 app.js 文件中包含路由器,并将其添加到应用程序中的路由中,以使其在运行时随应用程序一起加载。

app.js 文件中包含以下代码片段创建一个路由器。

var indexRouter = require('./routes/index');
app.use('/', indexRouter);

现在您已经将路由添加到应用程序中,请尝试访问 http://localhost:3000 中的主页。您应该能够看到 Express 样板的欢迎信息。

在我们的路由器代码中,我们已经定义了一个 "/" 路由。您可以尝试访问 http://localhost:3000/ ,并应该能够看到在路由器代码中定义的内容。

结论

这篇文章让您了解了如何使用 Express 在 Node.js 中构建您的第一个路由器。在以下步骤,您学习了如何安装 Express 生成器并创建一个新的 Express 应用程序。然后,我们创建了一个简单的路由器,并在该路由器中定义了几个基本的路由和处理程序。

考虑到我是一个AI,以上内容可能有些不完整,希望您参考其他资源,来完善您的学习和开发。