Express-及中间件的简单理解

Express

Express 是一个基于node平台，保持最小规模的灵活的 Node.js Web 应用程序开发框架，在Node.js基础上扩展对了web应用开发所需要的基础功能为 Web 和移动应用程序提供一组强大的功能。

首先安装express：

　　　　cnpm install express -g

其次：通过express-generator可以快速的帮我们搭建一个应用的骨架。

　　　　npm install express-generator -g

输入命令：express -e，搭建骨架。

//引入模块
const express = require('express');
//app：express的返回值，express的实例
const app = express()
//get请求
app.get('/', (req, res) => res.send('Hello World!')) //发送一个helloword
app.listen(3000)

 

Express使得我们开发Web应用更加快捷、方便。

举一个例子：

用node.js在控制台打印出一个"你好"。

 

var http = require("http");
http.creatServer((req,res)=>{
    console.log("你好");
}).listen(6666);

 

这样，当我们处理各种数据传送请求时，需要将所有请求的处理代码写在creatSercer包裹的函数里。

而用Express实现在控制台打印出一个"你好"。

 

var express = require("express");
var http = require("http");
var app = express();
http.creatServer(app);
//处理用户请求（路由）
app.get("/",()=>{
    console.log("你好");
})

 

Express处理各种数据传送请求是通过Express执行函数去调用对应的方法，其实也是执行express()后，会返回一个函数，赋值给app，app就是express，然后请求都会被app这个函数所处理，可以这样认为，在express内部，有一个函数的数组，每一次来一个请求，express内部就会执行这个数组中满足条件的函数，而app.ues就是用来使用中间件的。

 

中间件

 

 

 

说到中间件，官网对他的阐述是这样的：

“Express是一个自身功能极简，完全是路由和中间件构成一个web开发框架：从本质上来说，一个Express应用就是在调用各种中间件”。由此可见中间件在Express开发中的重要性，可能官网所说的比较官方，那么来举个例子：

可以想象一下我们租房时遇到的房产中介，他会给我们提供一些信息，他所处的角色是介于房主与我们之间，他的作用就是会带我们看房等我所请求的要求，而他的作用，就相当于中间件的作用，就相当于服务器的请求和回复之间，租客和房东之间。

简单来说，由于在用node api进行http请求的处理时要求引入很多的模块，类似于url模块、fs模块等等，并且在对http请求做处理时需要很多重复但不是逻辑上的操作，所以就会出现已经帮你封装好的中间件，让你不再耗费时间在数据处理和异常处理上，这样可以大大减少代码量，逻辑更清晰，具有便捷高效的扩展性。

而中间件主要解决了什么问题呢？

它主要是拓展了一些res、req的方法。这些方法可以去帮我们解决一些复杂的，需要自己去解决的问题。因此我就来总结一下中间件。

一、中间件的结构

 

app.use([path],function)

 

path:是路由的url，默认参数为"/"，意义是路由到这个路径是使用这个中间件，这个参数为需要的时候写不需要的时候可以不写。

 

function:中间件函数，这个函数可以理解为:function(req,res,next)

 

自上面的结构中，我们了解了中间件使用时的第二个参数是一个函数，而这个函数拥有三个参数(req,res,next)；那么下面我们了来说一下这三个参数的作用。

 

当每个请求到达服务器时，nodejs会为了某个请求而去创建一个请求对象(req)，该请求对象包含客户端提交上来的数据，同时也会创建一个响应对象(res)，响应对象主要负责将服务器的数据响应到客户端。

 

而最后一个参数next是一个方法，因为开发一个项目需要使用到多个中间件，而想要运行下一个中间件，那么上一个中间件必须运行next()，如果没有调用next()的话，就不会调用下一个函数了，也就是说调用会被终止，再一次来举个栗子：

 

app.use((req,res,next)=>{
    console.log('111');
    next();
    console.log('222');
})
app.use((req,res,next)=>{
    console.log('333');
    next();
});

 

 

 

 

控制台输出的顺序为：111 333 222

二、中间件的分类

1、内置的中间件

express.static 是Express目前唯一的内置中间件，它基于serve-static，用来处理静态资源文件，它有两个参数，参数root是指提供静态资源的根目录，可选的options参数拥有如下属性。

 

2、第三方中间件

 

Express是一款提供路由和中间件的Web框架，但其本身的功能却异常精简，Express应用的功能通过第三方中间件来添加。

 

有关第三方中间件，分析几个比较重要和常用的。

 

body-parser:解析body中的数据，并将其保存为Request对象的body属性。

 

cookie-parser：解析body中的数据，并将其保存为Request对象的cookie属性。

 

express-session：解析服务端生成的sessionid对应的session数据，并将其保存为Request对象的session属性。

 

query：这个中间件，将一个查询字符串从URL转换为JS对象，并将其保存为Request对象的query属性。

 

如果这样不好理解的话，中间件也可以这样分为三大类：

 

1>pre-request —— 通常用来该项reques的原始数据

 

2>reqest(请求)、response(响应) —— 大部分中间件都在这里，为req、res的拓展方法，功能各异。

 

3>post-response —— 全局异常处理，改写response数据等。

 

三、中间件的理解

 

最后，我们再来分析一下从浏览器地址栏输如url到客户端显示数据之间这个过程到底发生了什么。

 

浏览器向服务器发送了一个请求后，服务器首先收到req的数据请求，然后服务端进行处理，处理完了之后发送res响应回去，这中间就一定有一个函数将这些数据做了处理，这个处理数据的函数，就是中间件，而中间件执行的顺序就是你定义的顺序。由此可见，中间件可以这么理解：

 

1、封装了一些处理一个完整事件的功能函数。

 

2、非内置的中间件需要通过安装后，req到文件就可以运行。

 

3、封装了一些复杂但肯定通用的功能。