极简Node教程-七天从小白变大神(二:中间件是核心)

当我们只引入express时,前述的那些功能都是没有启用的。那么,如何将这些功能添加进来呢?express通过其中间件机制实现了这些功能的管理。每一个中间件对应一个功能,而中间件可以是第三方库,也可以是我们的业务逻辑。以后我们会经常用到express的中间件。下面我们来简单介绍其工作机制:

你可以把一个中间件理解为一个处理函数(从请求产生响应),通过app.use(<中间件名称>)方法将中间件添加到一个列表中。当HTTP请求到达时,Express会依次调用队列中的中间件,它们的功能便会依次执行,直到某个中间件返回了HTTP响应为止。

详情

                                                                  ---- 以上来自互联网
上集回顾

核心归纳(重要的务必看三遍)

  1. 中间件是一种功能的封装方式,具体来说就是封装在程序上处理HTTP请求的功能。
  2. 中间件是在管道中执行的。你可以想象一个送水的真实管道。水从一端泵入,然后在到达目的地之前还会经过各种仪表与阀门。这个比喻很重要的一部分就是顺序问题,你把压力表放在阀门之前和之后效果是不同的。
  3. 在管道最后面我们会放一个来处理和前面任何路由都不匹配的请求。也就是错误处理中间件一般返回状态吗404.
  4. 最最重要的就是next()的调用,如果一个中间件你不调用next()那么请求就不会传递出去因为已经被终止了。

favicon的处理

favicon是一个网站的图标,很多浏览器都支持这个功能。浏览器获取通过一个约定好的地址去获取该favicon,并将icon放在地址的前面作为标识。现在再访问一下 http://localhost:3000/ ,看看最上面网站名称前面是不是有一个空白文件的favicon。现在让我们来替换掉它。

首先还是添加依赖npm install serve-favicon --save,然后在server.js中添加以下代码:

var favicon = require('serve-favicon');
   app.use(favicon(__dirname + '/favicon.ico'));

  

然后在项目根目录下面添加一个facicon.ico,这个图标文件可以自己去制作或者去素材网站上寻找.

然后重启服务器,浏览器输入网址:

   http://localhost:3000/favicon.ico

  

就能看到你的网站图标了

自己编写中间件(当然要靠自我奋斗,同时呢...)

通用中间件

我们来写一个通用的可以处理任何请求的中间件,编写中间件其实可以粗浅的理解为以下结构:

  app.use(xxx());      // xxx()可以是个匿名函数也可以是第三方中间件那样:
        app.use(bodyParser())      // 

  

下面我们写一个打印请求时间的中间件(匿名结构):

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

  

把上面这个中间件放在server.js 引用模块后的最上方,它就可以第一时间上(各种意义)打印请求时间了,现在重启服务器,重载网页就能在命令行看到请求的时间,不出意外应该有两次吧?,至于为什么,交给聪明的读者吧!

挂载中间件

挂载可以从以下例子理解:

   // 挂载至 /user/:id 的中间件,任何指向 /user/:id 的请求都会执行它
app.use('/user/:id', function (req, res, next){
console.log('Request Type:', req.method); 
 next();});  

  

也就是说只有请求开头user/:id 才会被这个中间件处理,如果不是则会被忽略。
此外上述的req.method是指请求的方式例如:get,post,put,delete
现在把这个中间件添加到第一个中间件下面,然后重启服务器,浏览器输入:

 localhost:3000/user/5

  

虽然页面应该没什么反应,但是命令行会有比较满意的答复。

中间件与模块引入

在谈到这个问题之前,首先必须了解NodeJS的exports引入机制:
我们在routes目录下新建一个文件导出一个用来计算汇率兑换的函数:

  // toUSD.js
    var rate = 6.4;
   export.toUSD  = function(count){
       return count * rate;   
  } 

  

保存以后,我们在server.js引用其:

   var toUSD = require('./routes/toUSD');   // 可以省略js后缀
   console.log(toUSD(100));                           //  return 640 

  

我们干了什么呢?

我们把计算汇率的函数引用到入口文件这里,然后调用,没有暴露出rate的值,这样符合开闭原则。
如果一个函数你不想暴露里面的细节,而且想多次复用,那么可以采用以上的方式。

那么我们怎么结合模块与中间件呢?

必须清楚的了解中间件是一个函数,而这个中间件是一个函数。
比如我们又有一个模块叫做:

    //  ./routes/foo.js
      module.exports = function(req,res,next){
          if(Math.random() > 0.5) next();
          res.send('the random num less than 0.5')   
}

  

如果随机数大于0.5我们直接到下一个中间件,跳过响应。不然我们就直接响应请求,后面的中间件将都不会执行。

现在在server.js引入它:

 //var foo = require('./routes/foo.js');
     //  app.use(foo())

  

或者简单粗暴:

  app.use(require('./routes/foo.js'));

  

但是这样写,弊端就是随着项目不断的扩大,函数数量及文件数量会极具的增加,这样会使我们的项目看起来非常杂乱。如果你不希望你有非常的require语句..以及二次修改时层峦叠嶂的目录函数的话...

怎么优雅的写中间件呢?(知乎体)

输出一个以中间件为属性的对象。形如下面:

// ./routes/xxx.js
      module.exports = {
           aaa: function(req,res,next){
                     // doing sth     
           },
           bbb: function(req,res,next){
                   //doing sth
           }      
};
 // server.js var xxx = require('./routes/xxx.js'); app.use(xxx.aaa); app.use(xxx.bbb); 

  


谢邀,...........

这样我们完美优雅的解决了这个问题
你为什么写中间件这么熟练啊????? 你写过多少次啊???

小结

中间件是Express的核心,路由处理是Express的看家本领,两者都要好好掌握,首先把官方教程批判一番方为正道。



作者:颜卿今天Coding了吗
链接:https://www.jianshu.com/p/aa31761deae3
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

posted on 2018-01-04 17:07  水行者  阅读(580)  评论(0编辑  收藏  举报

导航