介绍
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。它可以在服务器端运行 JavaScript 代码，使得前端开发人员可以使用 JavaScript 开发后端应用程序。Express 是 Node.js 的一个流行的 web 框架，它提供了一些有用的功能，使得创建 web 应用程序变得更加容易。
在本教程中，我们将使用 Node.js 和 Express 创建一款简单的 web 应用程序。我们将介绍如何安装 Node.js 和 Express，如何创建一个 Express 应用程序，如何处理 HTTP 请求，如何定义路由，以及如何使用模板引擎渲染 HTML 页面。
安装 Node.js 和 Express
在开始之前，你需要安装 Node.js 和 Express。你可以在 Node.js 的官方网站（https://nodejs.org/en/）上下载和安装 Node.js。安装完成之后，你可以使用以下命令安装 Express：
npm install express --save
创建 Express 应用程序
接下来，我们将创建一个简单的 Express 应用程序。在你的项目文件夹中创建一个名为 app.js 的文件，并添加以下代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ------------- ---- - --------------- --------- --- ---------------- ---------- - -------------------- --- --------- -- ---- -------- ---
在这个代码中，我们引入了 Express 模块，并创建了一个 Express 应用程序。我们定义了一个路由，当用户访问网站的根目录时，返回一个字符串 "Hello World!"。最后，我们告诉应用程序监听端口 3000，并在控制台输出一条消息。
现在，你可以使用以下命令运行应用程序：
node app.js
然后，你可以在浏览器中访问 http://localhost:3000，应该会看到 "Hello World!" 字符串。
处理 HTTP 请求
Express 应用程序可以处理各种 HTTP 请求，例如 GET、POST、PUT、DELETE 等等。让我们来看一个例子，如何处理 POST 请求。
-- -------------------- ---- -------
------------------ ------------- ---- -
----- -------- - ------------------
----- -------- - ------------------
-- ----- -- -------- --- -------- --- -----
-- --------- --- ------- -- -------- --- ----------- -
--------------- --------------
- ---- -
----------------- -------- -- ------------
-
---在这个代码中，我们定义了一个路由，当用户向 /login 发送 POST 请求时，我们将检查用户名和密码是否有效。如果有效，我们将返回一个字符串 "Login successful!"，否则返回 "Invalid username or password."。
定义路由
在 Express 中，路由是一种将 URL 和处理程序（或控制器）关联起来的机制。让我们来看一个例子，如何定义多个路由。
-- -------------------- ---- ------- ------------ ------------- ---- - -------------- ------- --- ----------------- ------------- ---- - --------------- ------- --- ------------------- ------------- ---- - ----------------- ------- ---
在这个代码中，我们定义了三个路由：/、/about 和 /contact。当用户访问这些 URL 时，我们将分别返回不同的字符串。
使用模板引擎渲染 HTML 页面
在许多情况下，我们需要渲染 HTML 页面，以便向用户显示动态内容。Express 支持各种模板引擎，例如 EJS、Handlebars、Pug 等等。让我们来看一个例子，如何使用 EJS 模板引擎。
首先，你需要安装 EJS 模板引擎：
npm install ejs --save
然后，在你的项目文件夹中创建一个名为 views 的文件夹，并在其中创建一个名为 index.ejs 的文件。在 index.ejs 文件中，添加以下代码：
-- -------------------- ---- -------
--------- -----
------
------
--------- ---------------
-------
------
----------- -- -- -------- --- ---- --------
-------
-------在这个代码中，我们定义了一个 HTML 页面，其中包含一个欢迎消息，消息中包含了一个动态变量 name。
接下来，在 app.js 文件中，添加以下代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------- -------- ------- ------------ ------------- ---- - ------------------- - ----- ------ --- --- ---------------- ---------- - -------------------- --- --------- -- ---- -------- ---
在这个代码中，我们告诉 Express 使用 EJS 模板引擎，并定义了一个路由，当用户访问网站的根目录时，我们将渲染 index.ejs 文件，并将 name 变量设置为 "John"。
现在，你可以在浏览器中访问 http://localhost:3000，应该会看到一个欢迎消息，消息中包含了 "John" 字符串。
结论
在本教程中，我们介绍了如何使用 Node.js 和 Express 创建一款简单的 web 应用程序。我们学习了如何处理 HTTP 请求，如何定义路由，以及如何使用模板引擎渲染 HTML 页面。希望这个教程对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6760c4dd03c3aa6a56045859