express的中间件

2018-05-16  本文已影响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!');
    });
上一篇下一篇

猜你喜欢

热点阅读