Node.js 是一个流行的服务器端 JavaScript 运行环境，它可以用于构建高性能、可扩展的 Web 应用程序。Express 是一个基于 Node.js 的 Web 应用框架，它提供了一组强大的工具和函数，使得开发 Web 应用变得更加简单和高效。
本文将介绍如何使用 Express 4.x 搭建基于 Node.js 的 Web 应用，并提供详细的指导和示例代码。
环境搭建
在开始之前，您需要安装 Node.js 和 npm（Node.js 包管理器）。您可以在 Node.js 官网下载安装程序，也可以使用您的系统包管理器进行安装。
安装完成后，您可以通过以下命令检查 Node.js 和 npm 的版本：
node -v npm -v
创建 Express 应用
在创建 Express 应用之前，您需要先安装 Express 模块。可以使用以下命令进行安装：
npm install express --save
在安装完成后，您可以创建一个新的 Express 应用程序。可以使用以下命令创建一个名为 myapp 的新应用程序：
express myapp
该命令将在当前目录下创建一个名为 myapp 的新目录，并在该目录中生成一个 Express 应用程序的骨架。
运行 Express 应用
在创建 Express 应用程序之后，您可以使用以下命令启动应用程序：
cd myapp npm start
该命令将启动应用程序并监听端口 3000。您可以在浏览器中访问 http://localhost:3000 查看应用程序的欢迎页面。
路由
在 Express 应用程序中，路由用于定义应用程序的不同路由路径和请求方法。您可以使用 app 对象来定义路由。
以下是一个简单的路由示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ -------- ----- ---- - --------------- --------- --- ---------------- -------- -- - -------------------- --- --------- -- ---- -------- ---
在上面的示例中，我们定义了一个 GET 请求路由，该路由将处理应用程序的根路径，并返回一个字符串“Hello World!”。
中间件
在 Express 应用程序中，中间件用于处理请求和响应对象。中间件可以执行以下操作：
- 执行任何代码。
- 修改请求和响应对象。
- 结束请求-响应周期。
- 调用下一个中间件函数。
以下是一个简单的中间件示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ---------------- ----- ---- ----- - -------------------- ------------ ------- --- ------------ -------- ----- ---- - --------------- --------- --- ---------------- -------- -- - -------------------- --- --------- -- ---- -------- ---
在上面的示例中，我们定义了一个中间件函数，该函数将在每个请求上调用，并记录请求的时间戳。然后，我们定义了一个 GET 请求路由，该路由将处理应用程序的根路径，并返回一个字符串“Hello World!”。
模板引擎
在 Express 应用程序中，模板引擎用于动态生成 HTML 页面。您可以使用多个模板引擎，例如 EJS、Handlebars、Pug 等。
以下是一个使用 EJS 模板引擎的示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------- -------- ------- ------------ -------- ----- ---- - ------------------- - ------ --------- --- --- ---------------- -------- -- - -------------------- --- --------- -- ---- -------- ---
在上面的示例中，我们使用了 EJS 模板引擎，并定义了一个 GET 请求路由，该路由将渲染名为 index 的 EJS 模板，并传递一个名为 title 的变量。
静态文件
在 Express 应用程序中，静态文件用于存储 CSS、JavaScript、图像等文件。您可以使用 Express 内置的中间件函数来提供静态文件。
以下是一个提供静态文件的示例：
const express = require('express');
const app = express();
app.use(express.static('public'));
app.listen(3000, function () {
console.log('Example app listening on port 3000!');
});在上面的示例中，我们定义了一个名为 public 的目录，并使用 express.static 中间件函数来提供该目录中的静态文件。
结论
在本文中，我们介绍了如何使用 Express 4.x 搭建基于 Node.js 的 Web 应用，并提供了详细的指导和示例代码。Express 提供了一组强大的工具和函数，使得开发 Web 应用变得更加简单和高效。如果您想深入了解 Express，请参阅 Express 官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675657233af3f99efe5accf2