这篇文章主要介绍“Express中间件的使用、原理及实现方法”,在日常操作中,相信很多人在Express中间件的使用、原理及实现方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Express中间件的使用、原理及实现方法”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
创新互联-专业网站定制、快速模板网站建设、高性价比吴中网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式吴中网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖吴中地区。费用合理售后完善,十年实体公司更值得信赖。
现在在一些企业里用nodejs做服务端开发已经很普遍了,这里面最火的框架当然要数express了,express将nodejs原生的支持的http模块进行了简单封装,使开发者使用起来得心应手。
这其中最方便的便是express的中间件机制了。在介绍express的中间件的原理和实现之前咱们先看一下express中间件如何使用。
express的中间件机制类似一个漏斗装置,一个请求到达服务端后,这个请求会被抽象成一个req对象,这个对象会一次进入中间件,在中间件中分别被处理,最后被路由处理函数分发。
如图:
代码演示如图:
之后启动这个express服务,不论访问根路径 "/"还是"/a",中间件都会被执行,这说明每次请求这个服务,中间件都会被逐一执行。
那这样做的目的是什么呢?咱们来实现一个需求,需要计算整个网站的pv,也就是整个网站被客户端请求了多杀次,如果不用中间件会如何做呢?看代码:
如果使用了中间件呢?再看如下代码:
仔细看一下这两份代码的区别,第二份明显简洁了好多,将计算访问量的代码放到中间件中,不需要再在各个路由中分写再去写了,提高了复用性,逻辑表达更清晰,易于维护,以上便是express中间件的使用了,这里需要注意的是,中间件的调用顺序是从上到下,每个中间件调用完成后必须调用next。
那么中间件机制的原理是什么呢,是如何实现的呢?
看下面一段代码:
var http = require('http');
function express() {
var funcs = []; // 待执行的函数数组
var app = function (req, res) {
var i = 0;
function next() {
var task = funcs[i++]; // 取出函数数组里的下一个函数
if (!task) { // 如果函数不存在,return
return;
}
task(req, res, next); // 否则,执行下一个函数
}
next();
}
app.use = function (task) {
funcs.push(task);
}
return app; // 返回实例
}
var app = express();
function middlewareA(req, res, next) {
console.log('中间件1');
next();
}
function middlewareB(req, res, next) {
console.log('中间件2');
next();
}
function middlewareC(req, res, next) {
console.log('中间件3');
next();
}
app.use(middlewareA);
app.use(middlewareB);
app.use(middlewareC);
http.createServer(app).listen('3000', function () {
console.log('listening 3000....');
});
以上代码便是express实现中间件机制的核心代码。
简单来说,有如下几点:
express函数调用返回一个app实例
在express函数内部定义一个数组来存储中间件函数
在express函数内部定义一个app函数
在app函数的内部定义一个变量i保存执行的中间件的位置。
在app函数中定义一个next方法,这个方法通过i值自增调用中间件
在app函数内部调用next
在app函数上定义一个use方法,这个方法可以将中间件函数push进中间件数组中。
这样的话,express中间件的调用过程其实就是一个非常多的函数嵌套,形似如下代码:
中间件越多嵌套的层级越多。
到此,关于“Express中间件的使用、原理及实现方法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
网页标题:Express中间件的使用、原理及实现方法
分享链接:http://lswzjz.com/article/pdshep.html