Node.js 开发 URL 路由

在 Node.js 中，URL 路由是 Web 开发中的一个关键概念，它指的是根据客户端请求的 URL 地址来映射到不同的处理函数。通常，Web 应用程序会使用框架来处理路由，但你也可以使用原生的 Node.js API 来实现简单的路由功能。

使用原生 Node.js API 实现路由

下面是一个使用 Node.js 的 http 模块来实现简单路由的例子。

1. 创建 HTTP 服务器

首先，你需要创建一个 HTTP 服务器。

const http = require('http');

const server = http.createServer((req, res) => {
  // 处理请求
  handleRequest(req, res);
});

server.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});
1
2
3
4
5
6
7
8
9
10

2. 实现路由逻辑

然后，你需要实现一个处理请求的函数 handleRequest，在这个函数中可以根据不同的 URL 路径来分发请求。

function handleRequest(req, res) {
  // 设置响应头
  res.setHeader('Content-Type', 'text/plain');

  // 获取请求的 URL 路径
  const url = req.url;

  // 根据 URL 路径来处理请求
  if (url === '/') {
    res.end('Welcome to our home page!');
  } else if (url === '/about') {
    res.end('About us page.');
  } else if (url === '/contact') {
    res.end('Contact us page.');
  } else {
    res.statusCode = 404;
    res.end('Page not found');
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

使用 Express.js 实现路由

Express.js 是一个流行的 Node.js 框架，它提供了丰富的功能来处理路由，使得路由的实现更为简单和灵活。

1. 安装 Express.js

首先，你需要安装 Express.js。

npm install express
1

2. 创建 Express 应用

创建一个简单的 Express 应用来处理路由。

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

// 定义路由
app.get('/', (req, res) => {
  res.send('Welcome to our home page!');
});

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

app.get('/contact', (req, res) => {
  res.send('Contact us page.');
});

// 错误处理中间件
app.use((req, res, next) => {
  res.status(404).send('Page not found');
});

// 启动服务器
app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}/`);
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

使用 Express.js 的高级路由

Express.js 提供了许多高级功能来处理复杂的路由需求，例如参数化的路由和中间件。

1. 参数化的路由

你可以使用参数化的路由来处理带有动态部分的 URL。

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

2. 使用中间件

中间件可以用于处理多个路由共享的逻辑，例如身份验证、日志记录等。

function logger(req, res, next) {
  console.log(`${req.method} ${req.originalUrl}`);
  next();
}

app.use(logger);

app.get('/users/:id', (req, res) => {
  const userId = req.params.id;
  res.send(`User ID: ${userId}`);
});
1
2
3
4
5
6
7
8
9
10
11

使用 Express.js 的路由组

你可以使用路由组来简化路由的定义，尤其是在需要处理相同前缀的多个路由时。

const userRouter = express.Router();

userRouter.get('/', (req, res) => {
  res.send('List of users');
});

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

app.use('/users', userRouter);
1
2
3
4
5
6
7
8
9
10
11
12

总结

通过上述示例，你可以了解到如何使用原生 Node.js API 和 Express.js 框架来实现路由。在实际开发中，使用框架如 Express.js 通常更为便捷，因为它提供了更多的特性和灵活性，同时也简化了路由的管理。根据你的项目需求选择合适的路由实现方式，可以使你的 Web 应用更加健壮和易于维护。