跳到主要内容

第八章：Express框架入门

简要说明​

Express 是一个基于 Node.js 的 Web 应用框架，它提供了一系列强大的功能，帮助开发者快速构建 Web 应用和 API。Express 简化了 HTTP 服务器的开发过程，使得开发者可以专注于业务逻辑的实现，而不必过多关注底层的 HTTP 细节。

在本章中，我们将学习如何使用 Express 框架来简化 HTTP 服务器的开发。我们将从 Express 的安装与配置开始，逐步介绍路由的基本概念以及中间件的使用。

关键知识点​

1. Express 的安装与配置​

安装 Express​

首先，我们需要在项目中安装 Express。可以通过 npm（Node.js 的包管理工具）来安装 Express。

npm install express

创建一个简单的 Express 应用​

安装完成后，我们可以创建一个简单的 Express 应用。以下是一个最基本的 Express 应用示例：

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello, World!');
});

app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

在这个示例中，我们创建了一个 Express 应用，并定义了一个路由处理程序，当用户访问根路径 / 时，服务器会返回 "Hello, World!"。

2. 路由的基本概念​

什么是路由？​

路由是指确定应用程序如何响应客户端对特定端点的请求。在 Express 中，路由通常由 HTTP 方法（如 GET、POST 等）和路径（如 /、/about 等）组成。

定义路由​

在 Express 中，我们可以使用 app.get()、app.post() 等方法来定义路由。以下是一个简单的路由定义示例：

app.get('/about', (req, res) => {
  res.send('About Us');
});

app.post('/submit', (req, res) => {
  res.send('Form submitted');
});

在这个示例中，我们定义了两个路由：一个用于处理 GET 请求到 /about 路径，另一个用于处理 POST 请求到 /submit 路径。

路由参数​

有时我们需要在路由中处理动态参数。Express 允许我们使用路由参数来捕获这些动态值。

app.get('/users/:userId', (req, res) => {
  const userId = req.params.userId;
  res.send(`User ID: ${userId}`);
});

在这个示例中，:userId 是一个路由参数，我们可以通过 req.params.userId 来访问它。

3. 中间件的使用​

什么是中间件？​

中间件是 Express 中的一个核心概念，它允许我们在请求和响应之间执行一些操作。中间件函数可以访问请求对象 (req)、响应对象 (res) 以及应用程序的请求-响应循环中的下一个中间件函数 (next)。

使用中间件​

在 Express 中，我们可以使用 app.use() 方法来使用中间件。以下是一个简单的中间件示例：

app.use((req, res, next) => {
  console.log('Request URL:', req.url);
  next();
});

在这个示例中，我们定义了一个中间件函数，它会在每个请求到达时打印请求的 URL，然后调用 next() 将控制权传递给下一个中间件或路由处理程序。

内置中间件​

Express 提供了一些内置的中间件，例如 express.json() 和 express.static()。

  • express.json()：用于解析请求体中的 JSON 数据。
  • express.static()：用于提供静态文件服务。
app.use(express.json());
app.use(express.static('public'));

在这个示例中，我们使用 express.json() 中间件来解析 JSON 请求体，并使用 express.static() 中间件来提供 public 目录下的静态文件。

第三方中间件​

除了内置中间件，Express 还支持使用第三方中间件。例如，body-parser 是一个常用的中间件，用于解析请求体。

npm install body-parser
const bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({ extended: true }));

在这个示例中，我们使用 body-parser 中间件来解析 URL 编码的请求体。

总结​

在本章中，我们介绍了 Express 框架的基本概念，并学习了如何安装和配置 Express。我们还探讨了路由的基本概念以及如何使用中间件来处理请求和响应。通过本章的学习，你应该能够使用 Express 框架来构建简单的 Web 应用和 API。

在下一章中，我们将进一步探讨 Express 的高级功能，包括错误处理、模板引擎的使用以及如何构建 RESTful API。

最后于 更新