简介
Express 是一个流行的 Node.js Web 应用框架，它提供了简单、灵活、可定制的方式来构建 Web 应用。使用 Express 可以快速搭建一个 Web 应用，同时也能够满足大多数 Web 应用的需求。
本文将介绍如何使用 Express 快速搭建一个 Web 应用，并包含一些常用的示例代码。
安装
在开始使用 Express 之前，需要先安装 Node.js 和 npm。安装完成之后，可以通过以下命令安装 Express：
npm install express
快速开始
在安装好 Express 之后，可以开始创建一个简单的 Web 应用。首先，创建一个名为 index.js 的文件，输入以下代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - -------------------- --- --------- -- ---- -------- ---
在终端中执行以下命令启动应用：
node index.js
在浏览器中访问 http://localhost:3000，将会看到 "Hello World!"。
路由
路由是指如何定义应用的端点（URIs）以及如何响应客户端的请求。在 Express 中，可以使用 app.get、app.post 等方法来定义路由。
以下是一个简单的路由示例：
-- -------------------- ---- ------- ------------ ----- ---- -- - -------------- ------- --- ----------------- ----- ---- -- - --------------- ------- --- ------------------- ----- ---- -- - ----------------- ------- ---
在浏览器中分别访问 http://localhost:3000、http://localhost:3000/about、http://localhost:3000/contact，将会看到不同的页面内容。
中间件
中间件是指在路由处理之前执行的一些函数，用来处理一些通用的操作，例如身份验证、日志记录等。在 Express 中，可以使用 app.use 方法来添加中间件。
以下是一个简单的中间件示例，用来记录每个请求的时间：
app.use((req, res, next) => {
console.log(`Time: ${new Date().toISOString()}`);
next();
});模板引擎
模板引擎是指将数据和模板文件结合起来，生成 HTML 页面的工具。在 Express 中，可以使用各种模板引擎，例如 EJS、Pug 等。
以下是一个使用 EJS 模板引擎的示例：
首先，需要安装 EJS：
npm install ejs
然后，在 index.js 文件中添加以下代码：
-- -------------------- ---- ------- ------------- -------- ------- ------------ ----- ---- -- - ------------------- - ------ ----- ------ -------- ------ ------- --- --- ----------------- ----- ---- -- - ------------------- - ------ ------ ------ -------- ----- -- --- ----- ------ --- --- ------------------- ----- ---- -- - --------------------- - ------ -------- ------ -------- ------- ------- ---- --- ---
接着，在项目根目录下创建 views 文件夹，并在其中创建 index.ejs、about.ejs、contact.ejs 文件，分别输入以下代码：
index.ejs：
-- -------------------- ---- -------
--------- -----
------
------
---------- ----- ----------
-------
------
------- ------- -------
-------
-------about.ejs：
-- -------------------- ---- -------
--------- -----
------
------
---------- ----- ----------
-------
------
------- ------- -------
-------
-------contact.ejs：
-- -------------------- ---- -------
--------- -----
------
------
---------- ----- ----------
-------
------
------- ------- -------
-------
-------在浏览器中访问 http://localhost:3000、http://localhost:3000/about、http://localhost:3000/contact，将会看到使用 EJS 模板引擎渲染的页面。
静态文件
在 Express 中，可以使用 express.static 中间件来提供静态文件（例如图片、CSS 文件、JavaScript 文件）的服务。
以下是一个简单的静态文件示例：
首先，创建一个名为 public 的文件夹，并在其中添加一个名为 style.css 的文件，输入以下代码：
body {
background-color: #f0f0f0;
}然后，在 index.js 文件中添加以下代码：
app.use(express.static('public'));
app.get('/', (req, res) => {
res.sendFile(__dirname + '/index.html');
});接着，在项目根目录下创建 index.html 文件，并输入以下代码：
-- -------------------- ---- -------
--------- -----
------
------
----------- ------------
----- ---------------- -----------------
-------
------
--------- -----------
-------
-------在浏览器中访问 http://localhost:3000，将会看到使用 style.css 文件渲染的页面。
结论
本文介绍了如何使用 Express 快速搭建一个 Web 应用，并包含了一些常用的示例代码。通过学习本文，读者可以快速上手使用 Express，同时也可以了解到一些常用的 Web 应用开发技巧。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6768149798e3e1ab1a7e5b00