美文网首页
express的中间件

express的中间件

作者: 放风筝的小小马 | 来源:发表于2018-05-16 00:30 被阅读19次

    中间件(middleware)就是处理http请求的函数,其最大的特点就是,一个中间件处理完成后传递给下一个中间件。

    每个中间件可以从app实例,接收三个参数,依次为:request对象(代表HTTP请求)、response对象(代表HTTP回应)、next回调函数(代表下一个中间件),每一个中间件都可以对HTTP请求(request对象)进行加工,并且决定是否调用next方法,将request对象再传给下一个中间件

    一个不进行任何操作、只传递request对象的中间件,就是下面这样:

    function useMiddleware(req, res, next) {
      next();
    }
    

    上面代码的next就是下一个中间件。如果它带有参数,则代表抛出一个错误,参数就是错误的文本,如下:

    function useMiddleware(req, res, next) {
      next('出错了');
    

    抛出错误以后,后面的中间件就不在执行了,直到发现了一个错误处理函数为止

    use方法

    use是注册中间件的方法,它返回一个函数

    var express = require("express");
    var http = require("http");
    
    var app = express();
    
    app.use(function(request, response, next) {
      console.log("In comes a " + request.method + " to " + request.url);
      next();
    });
    
    app.use(function(request, response) {
      response.writeHead(200, { "Content-Type": "text/plain" });
      response.end("Hello world!\n");
    });
    
    http.createServer(app).listen(1337);
    

    上面代码使用app.use方法,注册了两个中间件。收到HTTP请求后,先调用第一个中间件,在控制台输出一行信息,然后通过next方法,将执行权传给第二个中间件,输出HTTP回应。由于第二个中间件没有调用next方法,所以request对象就不再向后传递了

    use方法内部可以对访问路径进行判断,据此来实现简单的路由,根据不同的请求网址,来返回不同的页面

    var express = require("express");
    var http = require("http");
    
    var app = express();
    
    app.use(function(request, response, next) {
      if (request.url == "/") {
        response.writeHead(200, { "Content-Type": "text/plain" });
        response.end("Welcome to the homepage!\n");
      } else {
        next();
      }
    });
    
    app.use(function(request, response, next) {
      if (request.url == "/about") {
        response.writeHead(200, { "Content-Type": "text/plain" });
      } else {
        next();
      }
    });
    
    app.use(function(request, response) {
      response.writeHead(404, { "Content-Type": "text/plain" });
      response.end("404 error!\n");
    });
    
    http.createServer(app).listen(1337);
    

    除了可以在回调函数内部判断请求的网址,use方法也允许将请求网址写在第一个参数,这代表只要请求路径匹配该参数,后面的中间件才能生效,如:

    app.use('/path', someMiddleware); 
    

    express方法的别名

    1. all方法和HTTP动词方法

    var express = require("express");
    var http = require("http");
    var app = express();
    
    app.all("*", function(request, response, next) {
      response.writeHead(200, { "Content-Type": "text/plain" });
      next();
    });
    
    app.get("/", function(request, response) {
      response.end("Welcome to the homepage!");
    });
    
    app.get("/about", function(request, response) {
      response.end("Welcome to the about page!");
    });
    
    app.get("*", function(request, response) {
      response.end("404!");
    });
    
    http.createServer(app).listen(1337);
    

    由于get方法的回调函数没有调用next方法,所以只要有一个中间件被调用了,后面的中间件就不会再被调用了。

    除了get方法以外,Express还提供post、put、delete方法,即HTTP动词都是Express的方法

    这些方法的第一个参数,都是请求的路径。除了绝对匹配以外,Express允许模式匹配。

    Express.Router用法

    从Express4.0开始,路由器功能成了一个单独的组件Express.Router()。它好像单独的应用程序一样,有自己的**`use、get、param、route等方法

    1. 基本用法
    Express.Router是一个构造函数,调用后返回的是一个路由器实例。然后使用该实例,然后使用该实例的HTTP动词方法,为不同的访问路径,指定回调函数,最后挂载到某个路径上(注意理解这段话)

    var router = express.Router();
    
    router.get('/', function(req, res) {
      res.send('首页');
    });
    
    router.get('/about', function(req, res) {
      res.send('关于');
    });
    
    app.use('/', router);
    

    上面代码先定义了两个访问路径,然后将它们挂载到根目录。如果最后一行改为app.use(‘/app’, router),则相当于为/app和/app/about这两个路径,指定了回调函数。

    这种路由器可以自由挂载的做法,为程序带来了更大的灵活性,既可以定义多个路由器实例,也可以为将同一个路由器实例挂载到多个路径。

    2. router中间件
    use方法为router对象指定中间件,即在数据正式发送给用户之前,对数据进行处理。如下:

    router.use(function (req, res, next) {
      console.log(req.method, req.url);
      next();
    });
    

    上面代码中,回调函数的next参数,表示接受其他中间件的调用。函数体中的next(),表示将数据传递给下一个中间件。

    注意,中间件的放置顺序很重要,等同于执行顺序。而且,中间件必须放在HTTP动词方法之前,否则不会执行。

    3. app.route
    假定app是Express的实例对象,Express 4.0为该对象提供了一个route属性。app.route实际上是express.Router()的缩写形式,除了直接挂载到根路径。因此,对同一个路径指定get和post方法的回调函数,可以写成链式形式。

    app.route('/login')
        .get(function(req, res) {
            res.send('this is the login form');
        })
        .post(function(req, res) {
            console.log('processing');
            res.send('processing the login form!');
        });
    

    相关文章

      网友评论

          本文标题:express的中间件

          本文链接:https://www.haomeiwen.com/subject/kydydftx.html