Express 中间件

最新推荐文章于 2022-10-20 21:02:01 发布
最新推荐文章于 2022-10-20 21:02:01 发布
阅读量125 收藏
点赞数
分类专栏： Nodejs 文章标签： 中间件 javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ILove_bugs/article/details/121130509
版权

一、中间件

1.1 简介

中间件（Middleware），特指业务流程的中间处理环节。我们可以把中间件比作工厂中的车间。比如：在处理铁矿石的时候，一般都要经过三个处理环节，从而保证处理过后的矿石达到标准的钢材。处理铁矿石的这三个中间处理环节，就可以叫做中间件。而中间件其实是路由的升级，也能达到请求的匹配，只不过必须要进行下一步处理，以到达最终的路由匹配，就像在工厂中生产产品，最后必须要出厂。

1.2 中间件的好处

1.3 中间件执行流程

当一个请求到达Express的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。但是必须要有一个最终的匹配路由进行响应给客户端结果。

什么是中间件？【重点】

中间件就是在接收请求之后返回响应之前要执行的函数，而这些函数有一定的业务处理能力。

1.4 使用中间件【重点】

1.4.1 使用中间件的语法

app.use( [前缀,]中间件函数 )
router.use( [前缀,]中间件函数);

使用中间件要注意的事项：【重点】

1)、使用中间件的代码通常放在所有路由最前面；

2)、当中间件中的业务代码执行完成后要调用next()方法，next()方法会查找并执行后面能匹配上的路由；

3)、如果自定义中间件中业务代码发生异常时可以把异常信息当作参数传给next()方法，则next()方法默认会把异常信息直接输出界面上，但如果我们定义了逻辑错误处理中间件(也就是定义了含有err,req,res,next四个形参的中间件)则next()方法会把异常信息传给逻辑错误处理中间件中的err,并执行逻辑错误处理中间件；

1.4.2 中间件基本使用

用法一：使用app对象中提供的方法来设计路由则使用app.use()来使用自定义的中间件：

在项目根目录中安装第三方time-stamp包： npm i time-stamp

const express = require('express');
const timestamp = require('time-stamp');
const app = express();
​
app.listen(3000, () => {
    console.log('3000端口');
});
​
//自定义中间件(函数)：获取当前日期时间
function getCurtimes(req, res, next) {
    // console.log(req, 111);
    // console.log(res, 222);
    // console.log(next, 333);
    let curTime = timestamp('YYYY-MM-DD  HH:mm:ss');
    req.Times = curTime;
​
    next(); //查询并执行后面能匹配上的路由
}
​
//使用中间件：
app.use(getCurtimes);
​
app.get('/teacher', (req, res) => {
​
​
    res.send(`老师界面:${req.Times}`);
});
​
//使用中间件：
// app.use(getCurtimes);   //注意： 使用中间件的代码通常放在所有路由最前面
​
​
app.get('/student', (req, res) => {
​
​
    res.send(`这是学生界面：${req.Times} `);
});

用法二：使用模块化路由来设计路由则使用app.use()来使用自定义的中间件：router.use()

自定义模块化路由文件users.js的代码如下：

const express = require('express');
const router = express();
​
function test(req, res, next) {
    console.log('hello...');
    next();
}
​
//使用自定义的中间件：
router.use(test);
​
router.get('/zhuce', (req, res) => {
​
    res.send('处理注册');
});
​
​
​
router.get('/denglu', (req, res) => {
​
    res.send('处理登录');
});
​
​
module.exports = router;

1.4.3 中间件加前缀

用法一：

const express = require('express');
const timestamp = require('time-stamp');
const fs = require('fs');
const path = require('path');
const app = express();
​
app.listen(3000, () => {
    console.log('3000端口');
});
​
//自定义中间件(函数)：获取当前日期时间
function getCurtimes(req, res, next) {
    // console.log(req, 111);
    // console.log(res, 222);
    // console.log(next, 333);
    let curTime = timestamp('YYYY-MM-DD  HH:mm:ss');
    // console.log(curTime, 888);
    req.Times = curTime;
​
    // next(); //查询并执行后面能匹配上的路由
​
    if (1) { //中间件的业务没有异常
        //if (0) { //中间件的业务没有异常
        next();
    } else { //中间件的业务发生异常
        next('这是错误信息...');
    }
}
​
//使用中间件：
// app.use(getCurtimes);
app.use('/student', getCurtimes); //注意： 自定义中间件只对/student路由生效，而/teacher路由不生效
​
app.get('/teacher', (req, res) => {
​
​
    res.send(`老师界面:${req.Times}`);
});
​
//使用中间件：
// app.use(getCurtimes);   //注意： 使用中间件的代码通常放在所有路由最前面
​
​
app.get('/student', (req, res) => {
​
​
    res.send(`这是学生界面：${req.Times} `);
});

用法二：

const express = require('express');
const app = express();
​
app.listen(3000, () => {
    console.log('3000端口');
});
​
let userRouter = require('./users.js');
// app.use(userRouter);
app.use('/api', userRouter); //注意：在访问users.js模块化路由中的所有路由时路径都是以/api开头

模块化路由文件users.js的代码如下：

const express = require('express');
const router = express();
​
function test(req, res, next) {
    console.log('hello...');
    next();
}
​
//使用自定义的中间件：
router.use(test);
​
router.get('/zhuce', (req, res) => {
​
    res.send('处理注册');
});
​
​
​
router.get('/denglu', (req, res) => {
​
    res.send('处理登录');
});
​
​
module.exports = router;

1.5 中间件种类

1.5.1 应用级别的中间件

用户自定义的中间件用来处理具体的业务：应用级别的中间件

const express = require('express');
const timestamp = require('time-stamp');
const fs = require('fs');
const path = require('path');
const app = express();
​
app.listen(3000, () => {
    console.log('3000端口');
});
​
//自定义中间件(函数)：获取当前日期时间
function getCurtimes(req, res, next) {
    // console.log(req, 111);
    // console.log(res, 222);
    // console.log(next, 333);
    let curTime = timestamp('YYYY-MM-DD  HH:mm:ss');
    // console.log(curTime, 888);
    req.Times = curTime;
​
     next(); //查询并执行后面能匹配上的路由
}
​
//使用中间件：
 app.use(getCurtimes);
​
app.get('/teacher', (req, res) => {
​
​
    res.send(`老师界面:${req.Times}`);
});
​
//使用中间件：
// app.use(getCurtimes);   //注意： 使用中间件的代码通常放在所有路由最前面
​
​
app.get('/student', (req, res) => {
​
​
    res.send(`这是学生界面：${req.Times} `);
});
​

1.5.2 错误中间件

1.5.2.1 404

用法一：在app对象中提供的方法中使用router.use()

const express = require('express');
const timestamp = require('time-stamp');
const fs = require('fs');
const path = require('path');
const app = express();
​
app.listen(3000, () => {
    console.log('3000端口');
});
​
//自定义中间件(函数)：获取当前日期时间
function getCurtimes(req, res, next) {
    // console.log(req, 111);
    // console.log(res, 222);
    // console.log(next, 333);
    let curTime = timestamp('YYYY-MM-DD  HH:mm:ss');
    // console.log(curTime, 888);
    req.Times = curTime;
​
     next(); //查询并执行后面能匹配上的路由
​
}
​
//使用中间件：
// app.use(getCurtimes);
app.use('/student', getCurtimes); //自定义中间件只对/student路由生效，而/teacher路由不生效
​
app.get('/teacher', (req, res) => {
​
​
    res.send(`老师界面:${req.Times}`);
});
​
//使用中间件：
// app.use(getCurtimes);   //注意： 使用中间件的代码通常放在所有路由最前面
​
​
app.get('/student', (req, res) => {
​
​
    res.send(`这是学生界面：${req.Times} `);
});
​
//404错误处理中间件：
app.use((req, res, next) => {
    res.send('这是404错误');
    // res.sendFile(path.join(__dirname, '404.html'));
});
​

用法二：在模块化路由中使用router.use()

const express = require('express');
const router = express();
​
function test(req, res, next) {
    console.log('hello...');
    next();
}
​
//使用自定义的中间件：
router.use(test);
​
router.get('/zhuce', (req, res) => {
​
    res.send('处理注册');
});
​
​
​
router.get('/denglu', (req, res) => {
​
    res.send('处理登录');
});
​
//404错误处理中间件：
router.use(function(req, res, next) {
    res.send('404错误');
});
​
​
module.exports = router;

1.5.2.2 逻辑错误处理中间件：

const express = require('express');
const timestamp = require('time-stamp');
const fs = require('fs');
const path = require('path');
const app = express();
​
app.listen(3000, () => {
    console.log('3000端口');
});
​
//自定义中间件(函数)：获取当前日期时间
function getCurtimes(req, res, next) {
    // console.log(req, 111);
    // console.log(res, 222);
    // console.log(next, 333);
    let curTime = timestamp('YYYY-MM-DD  HH:mm:ss');
    // console.log(curTime, 888);
    req.Times = curTime;
​
    // next(); //查询并执行后面能匹配上的路由
​
    // if (1) { //中间件的业务没有异常
    if (0) { //中间件的业务没有异常
        next();
    } else { //中间件的业务发生异常
        next('这是错误信息...');
    }
}
​
//使用中间件：
app.use(getCurtimes);
​
app.get('/teacher', (req, res) => {
​
​
    res.send(`老师界面:${req.Times}`);
});
​
//使用中间件：
// app.use(getCurtimes);   //注意： 使用中间件的代码通常放在所有路由最前面
​
​
app.get('/student', (req, res) => {
​
​
    res.send(`这是学生界面：${req.Times} `);
});
​
//逻辑错误处理中间件
function proError(err, req, res, next) {
​
    //将错误信息写入日志文件：
    fs.writeFileSync(path.join(__dirname, 'err.log'), err);
    res.send('出错了！！！');
}
app.use(proError);

1.5.3 内置中间件

1.5.3.1 开放静态资源：express.static() 【重点】

中文文档参考地址： 利用 Express 托管静态文件 - Express 中文文档 | Express 中文网

什么是开放静态资源？

就是让用户通过服务器来访问我们的静态资源(比如：.js文件、.css文件、图片文件、.html文件)。

开放静态资源的用法：

app.use(express.static(绝对路径))

注意：将某个目录开放之后再使用时不能带上该目录

const express = require('express');
const path = require('path');
const app = express();
​
app.listen(3000, () => {
    console.log('3000端口');
});
​
​
//express的开放静态资源：
//注意：将某个目录开放之后再使用时不能带上该目录
// app.use('/image', express.static(path.join(__dirname, 'image')));
// app.use('/js', express.static(path.join(__dirname, 'js')));
app.use(express.static(path.join(__dirname, 'public')));
​
let userRouter = require('./3-users.js');
app.use(userRouter);
//app.use('/api', userRouter); //注意：在访问3-users.js模块化路由中的所有路由时路径都是以/api开头

1.5.3.2 接收post参数【重点】

以post方式发送参数的格式有两种：键值对、json对象

接收post的键值对格式发送的参数：

第一步：创建以.http结尾的文件，在这个.http文件中模块以post方式的键值对格式发送参数，代码如下：

​
POST http://localhost:4000/login HTTP/1.1
Content-Type:application/x-www-form-urlencoded
​
uname=lisi&pwd=123&email=lisi@qq.com

第二步：在express中使用内置中间件express.urlencoded()来接收post方式的键值对格式发送过来的参数，代码如下：

app.use(express.urlencoded({extended:false}))

中文文档参考地址： Express 4.x - API Reference - Express 中文文档 | Express 中文网

const express = require('express');
const app = express();
​
app.listen(4000, () => {
    console.log('4000端口');
});
​
//使用express.urlencoded()内置中间件接收post的键值对格式发送的参数：
app.use(express.urlencoded({ extended: false }));
​
//接收post方式发送的参数：
app.post('/login', (req, res) => {
​
    console.log(req.body);
    res.send(`post请求方式 : ${JSON.stringify(req.body)}`);
});

接收post的json对象格式发送的参数：

第一步：创建以.http结尾的文件，在这个.http文件中模块以post方式的json对象格式发送参数，代码如下：

​
POST http://localhost:4000/login HTTP/1.1
Content-Type:application/x-www-form-urlencoded
​
uname=lisi&pwd=123&email=lisi@qq.com
​
####
#post方式的json对象格式的参数
POST http://localhost:4000/demo HTTP/1.1
Content-Type: application/json
​
{"bkname":"web开发","price":88}

第二步：在express中使用内置中间件express.json()来接收post方式的json对象格式发送过来的参数，代码如下：

app.use(express.json())

中文文档参考地址：Express 4.x - API Reference - Express 中文文档 | Express 中文网

const express = require('express');
const app = express();
​
app.listen(4000, () => {
    console.log('4000端口');
});
​
//使用express.urlencoded()内置中间件接收post的键值对格式发送的参数：
app.use(express.urlencoded({ extended: false }));
//使用express.json()内置中间件接收psot的json对象格式发送的参数：
app.use(express.json());
​
//接收post方式键值对格式发送的参数：
app.post('/login', (req, res) => {
​
​
    let { uname, pwd, email } = req.body;
    console.log(req.body, uname, pwd, email);
    res.send(`post请求方式 : ${JSON.stringify(req.body)}`);
});
​
​
//接收post方式json对象格式发送的参数：
app.post('/demo', (req, res) => {
​
    let { bkname, price } = req.body;
    res.send(`post的json对象格式的参数：${JSON.stringify(req.body)}`);
});

1.5.4 第三方中间件

1.5.4.1 小图标

serve-favicon

1.5.4.2 图片验证码

第三方svg-captcha包用来动态生成图片验证码，代码如下：

const express = require('express');
var svgCaptcha = require('svg-captcha');
const app = express();
​
app.listen(5000, () => {
    console.log('5000端口');
});
​
​
//创建图片验证码
app.get('/codes', (req, res) => {
​
    let svgObj = svgCaptcha.create({ size: 6, ignoreChars: '0o1i', noise: 3, color: true, background: '#cc9966' });
    console.log(svgObj);
    // res.setHeader('content-type', 'image/svg+xml');
    res.type('svg');
    res.end(svgObj.data);
​
});
ILove_bugs
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javaex 前端框架
09-10
Javaex最简单易用的前端框架由java程序员以后端开发者的使用角度而设计并开发的前端框架,不修改原生html、js语法,不创造新的语
Express学习6--Express中间件技术
jyn15159的博客
03-16 371
中间件技术 在实际工作中，需要对某些请求（或者某一类请求）进行特殊的处理，例如：要记录每一次请求的详细信息。 需求：在调用某个接口时，打印出调用者的ip地址及调用时间。此时需要使用到中间件技术。同时对express而言，中间件是它的一个非常重要的概念，掌握中间件的思想对于理解学习express，提升编程水平都有很大的帮助。 生活中的中间件 在上图中，自来水厂从获取水源到净化处理交给用户，中间经历了一系列的处理环节。 一个流程结束之后，按顺序进入下一个流程； 一个流程如果出了问题，下一个流程也会受影响。
77.深入理解nodejs中Express的中间件
weixin_33881041的博客
12-25 1485
转自：https://blog.csdn.net/huang100qi/article/details/80220012 Express是一个基于Node.js平台的web应用开发框架，在Node.js基础之上扩展了web应用开发所需要的基础功能，从而使得我们开发Web应用更加方便、更加快捷。 举一个例子： 用node.js实现一个控制台打印“hello server” 1 2 3 ...
express中间件
流楚丶格念的博客
03-02 4015
文章目录express中的中间件中间件：处理请求的，本质就是个函数应用层中间件路由器级中间件错误处理中间件内置中间件第三方中间件 express中的中间件 网页地址：http://expressjs.com/en/guide/using-middleware.html#using-middleware 中间件其实就是将具体业务和底层逻辑解耦的组件。 中间件的大致的效果是： 需要利用服务的人（前端写业务的），不需要知道底层逻辑的具体实现，只要拿着中间件结果（处理接口）来用就好了。 中间件：处理请求的，本质就
Express错误处理中间件的参数使用
qq_29586575的博客
10-12 3608
Express中，错误处理通过特殊的中间件来完成。如前所述，一般中间件的参数为3个：req,res, next。如果你use一个4个参数的中间件，它将被Express视为错误处理中间件。下面便是一个错误处理中间件，当出于开发环境时使用： // file: app.js if (app.get('env') === 'development') { app.use(function
浅谈express 中间件机制及实现原理
08-29
本篇文章主要介绍了浅谈express 中间件机制及实现原理，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
详解vue+webpack+express中间件接口使用
12-09
原理：本地代码请求->express中间件（处理，添加headers后转发）->服务器 express中间件 medical 本地代码文件目录 pacs #########配置接口 在服务器中间件配置 medical/routes/home.js 没有需要新建home.js // ...
express中间件.xmind
07-04
express中间件.xmind
Express中间件的应用-路由保护(登录限制)、网站维护、页面404示例代码.zip
07-12
Express中间件的应用-路由保护(登录限制)、网站维护、页面404示例代码;Express中间件的应用-路由保护(登录限制)、网站维护、页面404示例代码
Express框架之中间件
Michelledai1104的博客
08-22 432
1.1、中间件 1.1.1、中间件理解 Express框架中一个非常重要的概念——中间件。在Express框架中，允许通过中间件的使用来调用各种第三方类库，这让我们的开发工作变得更为方便，也使得我们可以开发出各种更为强大的应用程序。 一个中间件是一个用于处理客户端请求的函数。一个HTTP服务器中可能会使用到各种中间件。当接收到一个客户端请求时，首先将该请求提交给第一个中间件函数，每一个中间件函数内部封装一个next回调函数，在一个中间件函数内部可以判断是否调用next回...
Express框架---中间件
赵佳敏的博客
06-01 248
use使用中间件 功能： 使用第三方插件 作为路由的全局守卫 写错误中间件
Express框架——中间件
悦.L的博客
01-19 302
在上一篇我们了解了Express框架中关于路由的内容，那么这一篇我们重点了解一下Express框架中的中间件，其实我们路由篇中也使用过中间件，那么在洗那么我们具体了解一下吧。 什么是中间件 中间件就是一堆方法，主要由中间件方法以及请求处理函数组成。可以接收客户端发来的请求、可以对请求做出响应，也可以将请求继续交给下一个中间件继续处理。 路由中间件 路由中间件就是在路由篇中了解过的，app.get()、app.post()、app.put()等。可以针对同一个请求设置多个中间件，对同一个请求进行多次处理.
express中间件（简介，流程，分类介绍）
最新发布
weixin_64037609的博客
10-20 806
express中间件（简介，流程，分类介绍）
express框架--中间件--匹配路由
FK2000000的博客
09-16 317
middleware, 中间件是一个特殊的url地址处理函数，它被当作 app.use(中间件函数)的参数或者是某个路由处理函数中使用。 中间件是 express 的最大特色，也是最重要的一个设计。Express是一个自身功能极简，完全是路由和中间件构成一个web开发框架：从本质上来说，一个Express应用就是在调用各种中间件一个 express 应用，就是由许许多多的中间件来完成的 中间件是一个函数中间件肯定不止一个，多个中间件按顺序执行 中间件-基本使用 ...
Excutor框架
weixin_36330410的博客
05-26 277
通过相应的方法，能创建出6种线程池 1.ExecutoirService executorService1 = Exectors.newCachedThreadPool(); 创建一个可以根据需要创建新线程的线程池，如果有空闲线程，优先使用空闲的线程。 2.ExecutoirService executorService2 = Exectors.newFixedThreadPool(2); 创建一...
ExtJS基础框架
上帝狼
03-23 827
ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。一．下载地址http://extjs.com/downloadExt文档中心： http://www.ajaxjs.com/docs/docs/ http://www.jackytsu.com/extcn/docs/ 二． extjs的样式及库文件使用说明 
Excutors框架运用
Sunshinejourney的博客
08-22 262
Executors是一个工厂类，可以方便的创建各种类型Executor或线程池： newSingleThreadExecutor()：创建一个Executor，顺序执行一个任务队列，每次只能执行一个任务。 newFixedThreadPool(nThreads)：创建一个有固定数目线程的线程池，每次最多执行nThreads个任务，如果任务多于nThreads，多于的线程置于等待队列中 ...
weex框架入门
斗师——Ace
12-05 1782
前端开发一起交流QQ群：740034288。 互联网创业团队兴趣QQ群：792710437。 新建《团队合伙人》贴吧：https://tieba.baidu.com/f?kw=%E5%9B%A2%E9%98%9F%E5%90%88%E4%BC%99%E4%BA%BA&fr=index。 参考：https://www.bilibili.com/video/av14478917/。htt...
Express 框架的使用（详细）
emgexgb_sef的博客
03-03 605
文章目录 Express 框架 1.1 Express框架是什么 1.2 Express 框架特性 1.3 原生 node.js 与 Express 框架对比 1.4 基本使用（入门代码） 2. 中间件 2.1 什么是中间件 2.2 中间件的基本使用 2.3 app.use 中间件用法 2.4 中间件应用 2.5 错误处理中间件 2.6 捕获错误 3. express 请求处理 3.1 构建模块化路由 3.2 GET参数的获取 3.3 POST参数的请求 3.4 app.use（）方法的进

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值