Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，用于构建高性能、可伸缩的网络应用。Express.js 是一个基于 Node.js 平台的 Web 应用程序框架，它提供一组强大、灵活的功能以帮助构建复杂的 Web 应用程序。在本文中，我们将学习如何使用 Express.js 和 Node.js 来构建一个简单的 Web 应用程序。
环境设置
在开始教程之前，您需要确保已经安装了 Node.js 和 npm。您可以从 Node.js 官网下载并安装 Node.js：https://nodejs.org/en/download/。随后，您可以使用以下命令检查 Node.js 和 npm 的版本：
node -v npm -v
如果命令输出您的 Node.js 和 npm 的版本号，则表示安装完成。
创建 Web 应用程序
首先，我们需要创建一个空的 Node.js 应用程序，并安装 Express.js 框架。您可以使用以下命令完成这些操作：
mkdir myapp cd myapp npm init -y npm install express
创建了一个空的 Node.js 应用程序之后，我们需要创建一个名为“app.js”的文件，并将以下内容添加到其代码中：
-- -------------------- ---- ------- ----- ------- - ------------------ ----- --- - --------- ------------ ----- ---- -- - --------------- -------- -- ---------------- -- -- - -------------------- --- --------- -- ---- ------- --
上述代码使用 Express.js 创建了一个 Web 应用程序。它定义了一个 HTTP GET 请求的处理程序，并将其绑定到根URL路径。当浏览器访问 URL 路径时，服务器将向用户发送“Hello World!”的响应。最后，该应用程序通过监听端口3000来等待连接。
我们可以在终端中使用以下命令将该应用程序启动：
node app.js
该程序将会监听 http://localhost:3000，我们可以在浏览器中访问该 URL，以查看应用程序的响应。
路由
路由用于将 HTTP 请求 URL 映射到应用程序中的处理程序。使用 Express.js，您可以轻松地定义路由，以根据 URL 将 HTTP 请求转发到不同的处理程序中。
以下代码显示如何使用 Express.js 和 Node.js 定义路由：
-- -------------------- ---- ------- ----- ------- - ------------------ ----- --- - --------- ------------ ----- ---- -- - -------------- ------ -- ----------------- ----- ---- -- - --------------- ------ -- ------------------- ----- ---- -- - ----------------- ------ -- ---------------- -- -- - -------------------- --- --------- -- ---- ------- --
上述代码定义了三个不同的路由，并将 HTTP GET 请求映射到相应的处理程序中。例如，在访问 http://localhost:3000/about 时，该应用程序将会向用户发送一个“About Page”的响应。
模板引擎
模板引擎用于在动态或静态网页中呈现数据。Express.js 兼容多种模板引擎，并且允许与其他引擎轻松集成。
以下代码显示如何使用 Express.js 和 Node.js 集成 EJS 模板引擎：
-- -------------------- ---- ------- ----- ------- - ------------------ ----- --- - --------- ------------- -------- ------ ------------ ----- ---- -- - ------------------- - ------ ----- ----- -- -- ----------------- ----- ---- -- - ------------------- - ------ ------ ----- -- -- ------------------- ----- ---- -- - --------------------- - ------ -------- ----- -- -- ---------------- -- -- - -------------------- --- --------- -- ---- ------- --
上述代码中，我们使用 EJS 模板引擎将数据与视图结合使用。使用 app.set('view engine', 'ejs') 方法指定 EJS 作为默认模板引擎，并且在定义路由时传入数据以呈现视图。
Middleware 中间件
中间件允许您对 HTTP 请求进行预处理。使用中间件，您可以执行以下操作：
- 检查用户的身份验证信息
- 记录请求日志
- 处理错误
- 压缩响应
以下代码显示如何使用 Express.js 和 Node.js 中间件：
-- -------------------- ---- ------- ----- ------- - ------------------ ----- --- - --------- ------------- ---- ----- -- - -------------------- ----------- ------ -- ------------ ----- ---- -- - --------------- -------- -- ---------------- -- -- - -------------------- --- --------- -- ---- ------- --
上述代码使用了一个简单的中间件，打印请求的时间戳和 URL，并将控制权交给下一个处理程序。
结论
在本文中，我们介绍了如何使用 Express.js 和 Node.js 来构建 Web 应用程序。我们涵盖了路由、模板引擎和中间件等重要概念，并提供了示例代码以帮助您理解这些概念。通过熟练掌握这些技能，您可以建立强大、灵活的 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676e1f7e2a18d78edd8fe344