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

Express 是一个受欢迎且简单易用的 Node.js Web 应用程序框架。它使得构建 Web 应用程序和 API 变得非常简单。本指南将带您了解如何在 Node.js 中使用 Express 框架来构建您的第一个路由器。

准备工作

在开始之前，请确保已安装最新版本的 Node.js 和 npm。您可以通过以下命令验证其是否已安装：

$ node -v
v14.15.4

$ npm -v
6.14.10

如果您没有正确安装，请访问 https://nodejs.org/ 下载和安装合适的版本。

第一步：创建新的 Express 应用程序

首先，您需要创建一个新的目录并在其中初始化一个新的 Node.js 项目。打开命令行并执行以下命令：

$ mkdir my-express-app
$ cd my-express-app
$ npm init -y

上述命令将在您的当前目录中创建一个名为 my-express-app 的新文件夹，并使用默认设置初始化一个新的 npm 项目。在此过程中，会生成一个 package.json 文件，其中包含项目的基本信息。

接下来，您需要安装 Express 作为您的项目的依赖项。执行以下命令：

$ npm install express

该命令将 Express 安装到您的项目中，并将其添加到 package.json 文件的依赖项中。

第二步：创建并配置路由器

现在，让我们创建一个名为 router.js 的新文件，并添加以下代码：

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

// 定义路由
router.get('/', (req, res) => {
  res.send('欢迎访问 Express 路由器示例！')
});

router.get('/about', (req, res) => {
  res.send('这是关于页');
});

router.get('/contact', (req, res) => {
  res.send('这是联系页');
});

module.exports = router;

在上述代码中，我们首先导入了 Express 并创建了一个新的路由器。然后，我们定义了三个不同的路由和相应的处理函数。每个路由通过调用 router.get() 来定义，以指定 HTTP GET 请求时触发的处理函数。

最后，我们使用 module.exports 将路由器导出为模块，以便在其他文件中使用。

第三步：创建和配置 Express 应用程序

现在，我们将在主应用程序中使用我们的路由器。打开名为 app.js 或 index.js 的文件，并添加以下代码：

const express = require('express');
const app = express();
const router = require('./router');

// 配置路由器
app.use('/', router);

// 启动服务器
app.listen(3000, () => {
  console.log('服务器已启动，正在监听端口 3000');
});

在上面的代码中，我们首先导入了 Express 并创建了一个新的应用程序实例。然后，我们导入并配置了我们之前创建的路由器。

通过调用 app.use() 来使用路由器，并指定将其用于所有根路径 ('/') 的请求。这意味着在访问根路径、/about 和 /contact 路径时，将触发相应的路由器处理函数。

最后，我们调用 app.listen() 来启动服务器并监听端口 3000。确保端口 3000 没有被其他应用程序占用。

第四步：启动应用程序

现在是时候启动我们的 Express 应用程序了！返回命令行，进入项目目录，并执行以下命令：

$ node app.js

如果一切顺利，您将看到输出 服务器已启动，正在监听端口 3000。这意味着您的应用程序正在运行，并已开始监听请求。

测试应用程序

打开您喜欢的 Web 浏览器，并在地址栏中输入 http://localhost:3000。您应该看到文本 欢迎访问 Express 路由器示例！。同样，您可以尝试访问 http://localhost:3000/about 和 http://localhost:3000/contact，并验证是否返回了相应的信息。

恭喜！您已成功构建并运行了一个基本的 Express 路由器应用程序。

总结

在本指南中，我们了解了如何使用 Express 框架在 Node.js 中构建自己的第一个路由器。我们创建了一个新的 Express 应用程序，定义了三个不同的路由，并将其配置到应用程序中。最后，我们启动了服务器并测试了应用程序的功能。

Express 提供了更多高级功能和灵活性，例如中间件处理、模板引擎支持等，您可以进一步探索和应用于您的项目中。请参阅官方文档以了解更多关于 Express 框架的用法和功能。

希望本指南能够帮助您入门 Express 路由器开发，祝您编写出伟大的 Web 应用程序！