express框架中间件

想想aw

已于 2024-05-19 15:51:23 修改

阅读量327

点赞数 7

文章标签： express 中间件 node.js

于 2024-05-19 15:42:07 首次发布

本文链接：https://blog.csdn.net/2301_76669854/article/details/139043454

版权

一、中间件介绍：

中间件本质是一个回调函数

中间件函数可以像路由回调一样访问请求对象request，响应对象response

二、中间件作用：

使用函数封装公共操作，简化代码

三、中间件类型：

全局中间件

路由中间件

四、全局中间件的使用

要求：记录每个url和ip地址

// 1.导入express
const express = require('express');
const fs = require('fs');
const path = require('path');
// 2.创建应用对象
const app = express();
// 3.声明中间件函数
function record(req, res, next) {
    // 获取url和ip地址
    let { url, ip } = req;
    // console.log(url,ip);
    // 将信息保存在自定义access.log文件中 下面使用追加写入
    fs.appendFileSync(path.resolve(__dirname, './access.log'), `${url} ${ip}\r\n`); //path.resolve() 方法会把一个路径或路径片段的序列解析为一个绝对路径。
    // 调用next
    next();
}
// 4.使用中间件函数
app.use(record);
// 5.获取请求的路由规则
app.get('/home', (req, res) => {
    res.send('前台首页');
});
app.get('/home2', (req, res) => {
    res.send('后台首页');
});
app.all('*', (req, res) => {
    res.send('<h1>404 Not Found</h1>')
})
app.listen(3000, () => {
    console.log('启动成功,点击可查看 http://127.0.0.1:3000');
})

accss.log页面

五、路由中间件

要求：针对 /home 等请求，要求url携带password=521参数，如未携带就提示【暗号错误】

// 1.导入express
const express = require('express');
// 2.创建应用对象
const app = express();
// 3.声明路由中间件函数
function checkmiddle(req, res, next) {
    // 判断url中是否password参数等于521
    if (req.query.password === '521') {
        // 调用next   如果满足条件就去调后续的路由回调
        next();
    } else {
        res.send('暗号错误');
    }
}
// 3.获取请求的路由规则
// 前台
app.get('/home', checkmiddle,(req, res) => { //调用路由中间件 就是把它放到受约束的路由规则中
    res.send('前台首页');
});
// 后台
app.get('/home2', checkmiddle, (req, res) => {
    // 判断url中是否password参数等于521
    if (req.query.password === '521') {
        res.send('后台首页');
    } else {
        res.send('暗号错误');
    }
});
// 后台设置
app.get('/setting', (req, res) => {
    res.send('设置页面');
});
app.all('*', (req, res) => {
    res.send('<h1>404 Not Found</h1>')
})
app.listen(3000, () => {
    console.log('启动成功,点击可查看 http://127.0.0.1:3000');
})

六、静态资源中间件

（1）页面上的静态资源（css，html，image...）一般由静态资源中间件去响应

（2）使用：

单条static语句：app.use(express.static('public'))

多条static语句：app.use('/public',express.static('public'))

（3）代码示例：

// 1.导入express
const express = require('express');
// 2.创建应用对象
const app = express();
// 3.静态资源中间件设置
app.use(express.static(__dirname+'/public'));
// 4.获取请求的路由规则
app.get('/home', (req, res) => {
    res.send('hello express');
});
app.listen(3000, () => {
    console.log('启动成功,点击可查看 http://127.0.0.1:3000');
})

index.html页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>测试</h2>
</body>
</html>

服务器页面：

（4）静态资源中间件注意事项：

（2-1）index.html是默认访问的静态资源，可以做网站首页。

（2-2）但如果路由规则是/,而静态资源也是。静态资源与路由规则二者同时匹配时，谁先匹配上谁就先响应

（2-3）路由这块一般响应动态资源（排行榜、新闻...）。静态资源一般由静态资源中间件去响应

（5） express中url对于静态资源和动态资源的识别：

在 Express 框架中，对静态资源和动态资源的识别主要依赖于你如何设置路由。

对于静态资源 ——> 那些不依赖于后端逻辑，而是直接由服务器提供的文件，例如 HTML、CSS、JavaScript、图片等。在 Express 中，你可以使用 express.static 中间件来提供静态资源。

//假设你有一个名为 public 的文件夹，其中包含所有的静态文件
const express = require('express');
const app = express();
app.use(express.static('public'));
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

对于动态资源 ——> 依赖于后端逻辑来生成或处理。在 Express 中，我们通常会定义路由处理函数来处理这些请求。

try {
    const users = await getUsersFromDatabase(); // 假设这是一个从数据库获取用户的函数
    res.json(users);
  } catch (error) {
    console.error('Error fetching users:', error);
    res.status(500).send('Internal Server Error');
  }
});