12 动态路由

在前一章中，我们讨论了如何使用路由参数来提取和使用不同的请求参数。继续我们的旅程，本章将深入探讨 动态路由 的概念，以及如何在 Express.js 中使用它们来构建灵活的应用程序。

什么是动态路由

动态路由允许我们在 URL 中定义一些可变的部分。这使得 API 能够处理不同的请求而无需为每个 URL 都创建单独的路由。例如，我们可以创建一个动态路由来获取用户信息，通过用户的 ID 来实现。

创建动态路由

在 Express.js 中，我们可以使用冒号 : 来定义动态路由参数。以下是一个简单的例子：

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

// 动态路由示例
app.get('/users/:id', (req, res) => {
    // 获取路由参数
    const userId = req.params.id;
    res.send(`用户ID是: ${userId}`);
});

app.listen(PORT, () => {
    console.log(`服务器在 http://localhost:${PORT} 上运行`);
});

在上面的例子中，路由 '/users/:id' 是一个动态路由。当我们通过 URL /users/123 访问它时，req.params.id 将包含 123，并且响应将会显示 用户ID是: 123。

结合案例的详细解析

假设我们正在构建一个简单的用户管理系统，我们希望能够通过用户 ID 来获取用户的详细信息。我们可以扩展刚才的代码，并假设我们有一个简单的用户数据存储（例如一个对象数组）：

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

// 模拟用户数据
const users = [
    { id: 1, name: 'Alice' },
    { id: 2, name: 'Bob' },
    { id: 3, name: 'Charlie' },
];

// 动态路由
app.get('/users/:id', (req, res) => {
    const userId = parseInt(req.params.id);
    const user = users.find(u => u.id === userId);
    
    if (user) {
        res.send(`用户ID是: ${user.id}, 用户名是: ${user.name}`);
    } else {
        res.status(404).send('用户未找到');
    }
});

app.listen(PORT, () => {
    console.log(`服务器在 http://localhost:${PORT} 上运行`);
});

在这个例子中，我们首先定义了一个 users 数组来模拟用户数据。当我们访问 URL /users/1 时，服务器将返回 用户ID是: 1, 用户名是: Alice。如果用户未找到，返回 404 状态和错误信息 用户未找到。

复杂的动态路由

动态路由不仅限于单个参数，也可以有多个参数以及参数的组合。例如，我们可以创建一个动态路由来处理包含 地区 和 类型 的请求。

app.get('/products/:category/:id', (req, res) => {
    const category = req.params.category;
    const productId = req.params.id;
    res.send(`商品分类: ${category}, 商品ID: ${productId}`);
});

这里，路由 '/products/:category/:id' 使得我们能够通过 URL /products/electronics/1001 来提取 category 和 id 两个参数。

总结

通过本章的学习，我们了解了如何在 Express.js 中使用动态路由，以及它们如何帮助我们构建灵活而强大的 API。动态路由能够有效地处理不同的请求，使我们的应用程序更加可扩展。接下来，我们将转向中间件，探索它们的定义及其在 Express.js 中的应用。

希望本章的内容能够帮助你更好的理解和使用动态路由！