express初体验

express中间件原理及实现——初体验

之前看node大概了解了一些基本代码段，最近重新拿起来学习，就先了解了一下express框架，因为express是一个简洁、灵活的基于node的web应用开发框架，提供了很多的强大特性，所以，就express的工作原理，作以下的初步了解：

---

一.中间件结构

app.use([path],function)

path:是路由的url,默认参数是’/’,意义是路由到这个路径时使用这个中间件

function:中间件函数，可以理解为

function(req,res,next){
        //TODO  
        //执行完TODO之后调用下一个函数
        next();   //next() 函数用于将当前控制权转交给下一步处理,如果给 next() 传递一个参数时，表示出错信息
}

二.使用express中间件

express中间件（middleware）的实现是使用app.use()，或许用加载更合适。也就是app.use()用于加载处理http请求的middleware，而middleware[其实就是一个函数，是在响应之前要执行的操作]也都是有执行顺序的，也就是你自己定义的顺序。一个请求过来，会依次被middleware处理。

---

express中间件的使用——

var express = require('express');

var app = express();
app.listen(3004,function () {
    console.log('listen 3004...');
});

function middlewareA(req,res,next) {
    console.log('middlewareA before next()');
    next();
    console.log('middlewareA after next()');
}

function middlewareB(req,res,next) {
    console.log('middlewareB before next()');
    next();
    console.log('middlewareB after next()');
}

function middlewareC(req,res,next) {
    console.log('middlewareC before next()');
    next();
    console.log('middlewareC after next()');
}

app.use(middlewareA);
app.use(middlewareB);
app.use(middlewareC);

---

运行结果：

理解：next把控制权交给下一个中间件，但是函数本身的代码要按顺序执行，也就是相当于在一个函数中调用另一个函数，当被调用的函数执行完毕后，调用函数如果还有未执行完的代码则继续执行。

---

三.实现简单的express中间件

/**
 * Created by lenovo on 2017/7/14.
 * 仿照express实现中间件的功能
 * */

var http = require('http');

/*
 * 仿照express实现中间件机制
 * @return {app}
 * */

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();
    };

    /*
     * use方法就是把函数添加到函数数组中去
     * @param task
     * */
    app.use = function(task){
        funcs.push(task);
    };

    return app;  //返回实例
}

//测试
var app = express();
http.createServer(app).listen('2000',function () {
    console.log('listening 2000...');
});

function middlewareA(req, res, next) {
    console.log('middlewareA before next()');
    next();
    console.log('middlewareA after next()');
}

function middlewareB(req, res, next) {
    console.log('middlewareB before next()');
    next();
    console.log('middlewareB after next()');
}

function middlewareC(req, res, next) {
    console.log('middlewareC before next()');
    next();
    console.log('middlewareC after next()');
}

app.use(middlewareA);
app.use(middlewareB);
app.use(middlewareC);

运行结果：

---

四.中间件的理解

一个请求发送到服务器后，它的生命周期是 先收到request（请求），然后服务端处理，处理完了以后发送response（响应）回去。这中间就一定有一个函数将这些数据分类做了处理，已经处理好之后，再让request对象调用使用，这个处理数据的函数就是中间件。由此可见，中间件可以总结以下几点：

1. 封装了一些处理一个完整事件的功能函数。
2. 非内置的中间件需要通过安装后，require到文件就可以运行。
3. 封装了一些或许复杂但肯定是通用的功能。