express中间件分成三种

 

　　内置中间件static

 

　　自定义中间件

 

　　第三方中间件(body-parser)(拦截器)

 

　　全局自定义中间件

 

　　在请求接口时有几个接口都要验证传来的内容是否存在或者是否正确不可能每个接口都写一段验证,所以这一段验证可以提取出来,通过中间件实现

 

　　constexpress=require("express");

 

　　constapp=express();

 

　　//test1接口

 

　　app.get("/test1",(req,res)=>{

 

　　res.send("test1ok")

 

　　})

 

　　//test2接口

 

　　app.get("/test2",(req,res)=>{

 

　　res.send("test2ok")

 

　　})

 

　　//开启服务器

 

　　app.listen(2000,()=>{

 

　　console.log('开启在2000端口');

 

　　})

 

　　现在要做的是在请求test1和test2的时候看请求中有没有带上需要的字段token

 

　　app.use()

 

　　第一种中间件可以说是拦截器

 

　　第一个参数是路径第二个参数是回调函数回调函数中有reqresnext

 

　　constexpress=require("express");

 

　　constapp=express();

 

　　app.use("/",(req,res,next)=>{

 

　　console.log("中间件")

 

　　})

 

　　//test1接口

 

　　app.get("/test1",(req,res)=>{

 

　　console.log('test1');

 

　　res.send("test1ok")

 

　　})

 

　　//test2接口

 

　　app.get("/test2",(req,res)=>{

 

　　console.log('test2');

 

　　res.send("test2ok")

 

　　})

 

　　//开启服务器

 

　　app.listen(2000,()=>{

 

　　console.log('开启在2000端口');

 

　　})

 

　　现在在浏览器中请求/test1没有响应,在终端中打印出来

 

　　这个中间件的作用在于请求/开头的路径时优先走中间件的回调函数中间件里的next()表示是否继续往下执行,有next()就继续往下走,没有next()就不往下走

 

　　constexpress=require("express");

 

　　constapp=express();

 

　　app.use("/",(req,res,next)=>{

 

　　console.log("中间件")

 

　　next()//是否继续往下执行

 

　　})

 

　　//test1接口

 

　　app.get("/test1",(req,res)=>{

 

　　console.log('test1');

 

　　res.send("test1ok")

 

　　})

 

　　//test2接口

 

　　app.get("/test2",(req,res)=>{

 

　　console.log('test2');

 

　　res.send("test2ok")

 

　　})

 

　　//开启服务器

 

　　app.listen(2000,()=>{

 

　　console.log('开启在2000端口');

 

　　})

 

　　页面中

 

　　终端打印

 

　　简单来说在来到/test1接口之前有个拦截器,这个拦截器中的路径是/,所有的接口都先走这个拦截器,在这个拦截器里做逻辑处理,允许它继续往下走就加next(),不允许往下走就不用加next(),因此验证上文提到的token,就可以在中间件里进行

 

　　constexpress=require("express");

 

　　constapp=express();

 

　　app.use("/",(req,res,next)=>{

 

　　console.log("中间件")

 

　　let{token}=req.query;

 

　　if(token){

 

　　next()//是否继续往下执行

 

　　}else{

 

　　res.send("缺少token")

 

　　}

 

　　})

 

　　//test1接口

 

　　app.get("/test1",(req,res)=>{

 

　　console.log('test1');

 

　　res.send(`test1token为${req.query.token}`)

 

　　})

 

　　//test2接口

 

　　app.get("/test2",(req,res)=>{

 

　　console.log('test2');

 

　　res.send(`test2token为${req.query.token}`)

 

　　})

 

　　//开启服务器

 

　　app.listen(2000,()=>{

 

　　console.log('开启在2000端口');

 

　　})

 

　　浏览器中访问/test1不带token字段

 

　　现在带上token字段访问/test2

 

　　这就实现了通过中间件做全局拦截,这种中间件属于自定义拦截器.如果app.use()的第一个参数是/表示路径,则第一个参数可以不写,如下

 

　　app.use("/",(req,res,next)=>{

 

　　next()//是否继续往下执行

 

　　})

 

　　等同于

 

　　app.use((req,res,next)=>{

 

　　next()//是否继续往下执行

 

　　})

 

　　这也可以说为什么body-parser是一个中间件

 

　　constbodyParser=require("body-parser");

 

　　app.use(bodyParser.urlencoded({extended:false}))

 

　　app.use(bodyParser.json())

 

　　在使用bodyParser.json()的时候也是在app.use()方法里跟了一个函数。

 

　　中间件的使用在app.use()里可以加上一个回调函数,在回调函数里做一些处理需要注意的是在合适的时机使用next()继续执行后面的操作

 

　　为什么说这一种是全局的,因为所有的接口都走这里接下来看局部中间件

 

　　局部中间件

 

　　第一个参数还是路径第二个参数是一个function第三个参数还是function

 

　　constexpress=require("express");

 

　　constapp=express();

 

　　app.get("/demo",(req,res,next)=>{

 

　　console.log('fun1');

 

　　},(req,res)=>{

 

　　console.log('fun2');

 

　　})

 

　　//开启服务器

 

　　app.listen(2000,()=>{

 

　　console.log('开启在2000端口');

 

　　})

 

　　现在请求/demo接口浏览器中没有响应因为第一个回调函数里没有next()不会走到第二个回调函数里

 

　　终端打印

 

　　在第一个回调函数中加上next()看看

 

　　constexpress=require("express");

 

　　constapp=express();

 

　　app.get("/demo",(req,res,next)=>{

 

　　console.log('fun1');

 

　　next()

 

　　},(req,res)=>{

 

　　res.send("fun2")

 

　　console.log('fun2');

 

　　})

 

　　//开启服务器

 

　　app.listen(2000,()=>{

 

　　console.log('开启在2000端口');

 

　　})

 

　　浏览器中访问/demo

 

　　终端打印

 

　　这种叫局部中间件,局部中间件是在哪个接口里写就只对哪个接口有用,局部中间件可以写无数个只要在合适的地方使用next()就可以一个接一个的往下执行,一般情况下使用局部中间件最多使用一两个就够了使用多个局部中间件代码结构如下

 

　　app.get("/test",fun1,fun2,fun3,fun4,fun5..)

 

　　内置中间件static又叫静态资源目录

 

　　类似于apache的静态目录指定目录后把图片网页文件放进去直接可以访问到

 

　　在项目目录新建一个文件夹public随便起名,用作静态资源目录

 

　　只要是中间件都是用app.use()方法

 

　　app.use(express.static("./public"))

 

　　在public目录下新建一个index.html文件写上内容

 

　　浏览器访问/index.html

 

　　这样是直接访问静态目录,如果在public目录下还有目录,在浏览器中地址栏/后输入public下的目录的文件也可以访问到

 

　　还有另一种写法

 

　　app.use("/",express.static("./public"))

 

　　访问的地址不变依然可以打开页面,因为路径名字是/时第一个参数可以省去

 

　　如果想定义用户输入的路径就改第一个参数

 

　　app.use("/public/test/",express.static("./public"))

 

　　浏览器访问时应该输/public/test/index.html了

 

　　总结在express中无论是app.get还是app.postapp.use只要方法里第一个参数有路径都会和浏览器访问的路径做对比如果匹配上了就走当前的方法

 

　　如果在app.use和app.getapp.post的第一个参数中有相同的路径,当用户访问时会优先走到app.use()的方法里因为app.use()是一个拦截器