Express框架实现简单拦截器功能示例

下面是Express框架实现简单拦截器功能示例的完整攻略。

什么是拦截器？

在软件开发中，拦截器即中间件，用于在处理请求和响应之前拦截请求，进行某些业务逻辑处理。常见的应用包括身份验证、数据验证、日志记录等。

Express框架中的拦截器功能

Express框架通过中间件来实现拦截器功能，中间件是一个函数，它可以访问请求对象（request object）、响应对象（response object）和应用程序的请求/响应循环（request/response cycle），以及处理请求-响应循环中的下一个中间件函数。

下面是Express框架的拦截器示例代码：

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

app.use((req, res, next) => {
  console.log('Time:', Date.now());
  next();
});

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

app.listen(3000, () => {
  console.log('Example app listening on port 3000!');
});

上述示例代码中，中间件函数输出当前时间，然后通过调用next()方法将请求传递给下一个中间件或路由处理函数。

示例1：身份验证

身份验证是应用中常见的中间件使用场景，下面是一个简单的身份验证中间件示例代码：

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

app.use((req, res, next) => {
  const auth = { username: 'admin', password: '123456' };
  const b64auth = (req.headers.authorization || '').split(' ')[1] || '';
  const [username, password] = Buffer.from(b64auth, 'base64').toString().split(':');

  if (username && password && username === auth.username && password === auth.password) {
    return next(); // authorized
  }

  // Authentication failed
  res.set('WWW-Authenticate', 'Basic realm="401"');
  res.status(401).send('Authentication required.');
});

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

app.listen(3000, () => {
  console.log('Example app listening on port 3000!');
});

上述示例代码中，中间件读取HTTP请求头中的Authorization字段，如果用户名和密码匹配就通过next()方法将请求传递到下一个中间件或路由处理函数，否则返回401状态码和身份验证失败消息。

示例2：日志记录

下面是一个简单的记录客户端IP地址和请求路径的中间件示例代码：

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

app.use((req, res, next) => {
  console.log(`[${new Date().toISOString()}] [${req.ip}] ${req.method} ${req.originalUrl}`);
  next();
});

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

app.listen(3000, () => {
  console.log('Example app listening on port 3000!');
});

上述示例代码中，中间件函数记录了请求的IP地址、HTTP方法和请求路径，并通过调用next()方法将请求传递给下一个中间件或路由处理函数。

希望这些示例能够给你提供一个基本的了解，并且帮助你了解如何使用Express框架中间件来实现简单拦截器功能。