Express.js 是一个流行的 Node.js 框架，用于开发 Web 应用程序和 API。它提供了许多实用的功能和工具，使开发 Web 应用程序变得更加简单、快速和易于维护。本文将介绍使用 Express.js 开发 Web 应用程序的步骤。
步骤一：安装 Express.js
在开始使用 Express.js 之前，我们需要先安装它。可以使用 npm 包管理器来安装 Express.js，打开终端并输入以下命令：
npm install express --save
这将安装最新版本的 Express.js 并将其添加到项目的依赖项中。
步骤二：创建 Express.js 应用程序
要创建一个 Express.js 应用程序，需要创建一个新的 Node.js 项目并在其中安装 Express.js。创建一个新的 Node.js 项目，打开终端并输入以下命令：
mkdir myapp cd myapp npm init -y
上述命令将创建一个名为“myapp”的新目录，并在其中初始化一个新的 Node.js 项目。
然后，我们需要安装 Express.js，输入以下命令：
npm install express --save
安装完成后，我们需要创建一个新的 JavaScript 文件来编写应用程序。在“myapp”目录中，创建一个名为“app.js”的新文件，并添加以下代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - -------------------- --- --------- -- ---- -------- ---
上述代码将创建一个新的 Express.js 应用程序，并使用 Express.js 的app.get()方法创建一个路由，当用户访问根路径时，将向用户发送“Hello World!”消息。
最后，我们需要启动 Express.js 应用程序。在终端中输入以下命令：
node app.js
然后在浏览器中输入“http://localhost:3000”，您将看到“Hello World!”消息。
步骤三：添加更多路由
要添加更多路由，只需使用 Express.js 的app.get()、app.post()、app.put()和app.delete()方法即可。例如，以下代码将创建一个新的路由，当用户访问“/about”路径时，将向用户发送“About Us”消息：
app.get('/about', (req, res) => {
res.send('About Us');
});步骤四：使用模板引擎
Express.js 支持多种模板引擎，例如 EJS、Pug 和 Handlebars。这些模板引擎使您可以使用动态 HTML 页面来呈现数据。以下是使用 EJS 模板引擎的示例代码：
-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------
----- ---- - ----------------
---------------- -------------------- ----------
------------- -------- -------
------------ ----- ---- -- -
------------------- -
------ ----- ------
-------- -------- -- -- --------
---
---
---------------- -- -- -
-------------------- --- --------- -- ---- --------
---上述代码将使用 EJS 模板引擎呈现名为“index.ejs”的模板，并将“title”和“message”变量传递给模板。
步骤五：使用中间件
Express.js 中间件是在请求和响应之间运行的函数。Express.js 中有许多内置的中间件，例如express.static()中间件，用于提供静态文件。
以下是使用express.static()中间件的示例代码：
const express = require('express');
const app = express();
app.use(express.static('public'));
app.listen(3000, () => {
console.log('Example app listening on port 3000!');
});上述代码将使用express.static()中间件提供名为“public”的目录中的静态文件。
结论
本文介绍了使用 Express.js 开发 Web 应用程序的步骤，包括安装 Express.js、创建 Express.js 应用程序、添加更多路由、使用模板引擎和使用中间件。Express.js 是一个强大而灵活的框架，可以帮助您快速开发 Web 应用程序和 API。希望本文对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676a660d8177e0f9857900c9