欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

nodejs之express的中间件

程序员文章站 2022-07-05 08:53:03
express中间件分成三种 内置中间件 static 自定义中间件 第三方中间件 (body-parser) (拦截器) 全局自定义中间件 在请求接口时 有几个接口都要验证传来的内容是否存在或者是否正确 不可能每个接口都写一段验证,所以这一段验证可以提取出来,通过中间件实现 const expre ......

express中间件分成三种

内置中间件 static

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

 

全局自定义中间件

 

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

//  test1接口
app.get("/test1",(req,res) => {
    res.send("test1 ok")
})
//  test2接口
app.get("/test2",(req,res) => {
    res.send("test2 ok")
})
//  开启服务器
app.listen(2000,() => {
    console.log('开启在2000端口');
})
现在要做的是在请求test1和test2的时候 看请求中有没有带上需要的字段 token
app.use()
第一种中间件 可以说是拦截器
第一个参数是路径 第二个参数是回调函数 回调函数中有req res next
const express = require("express");
const app = express();

app.use("/",(req,res,next)=>{
    console.log("中间件")
})
//  test1接口
app.get("/test1",(req,res) => {
    console.log('test1');
    res.send("test1 ok")
})
//  test2接口
app.get("/test2",(req,res) => {
    console.log('test2');
    res.send("test2 ok")
})
//  开启服务器
app.listen(2000,() => {
    console.log('开启在2000端口');
})

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

nodejs之express的中间件

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

 

const express = require("express");
const app = express();

app.use("/",(req,res,next)=>{
    console.log("中间件")
    next()  //  是否继续往下执行
})
//  test1接口
app.get("/test1",(req,res) => {
    console.log('test1');
    res.send("test1 ok")
})
//  test2接口
app.get("/test2",(req,res) => {
    console.log('test2');
    res.send("test2 ok")
})
//  开启服务器
app.listen(2000,() => {
    console.log('开启在2000端口');
})

页面中

nodejs之express的中间件

终端打印

nodejs之express的中间件

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

const express = require("express");
const app = 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(`test1 token为${req.query.token}`)
})
//  test2接口
app.get("/test2",(req,res) => {
    console.log('test2');
    res.send(`test2 token为${req.query.token}`)
})
//  开启服务器
app.listen(2000,() => {
    console.log('开启在2000端口');
})

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

nodejs之express的中间件

现在带上token字段访问/test2

nodejs之express的中间件

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

app.use("/",(req,res,next)=>{
    next()  //  是否继续往下执行
})

等同于

app.use((req,res,next)=>{
    next()  //  是否继续往下执行
})

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

const bodyparser = require("body-parser");
app.use(bodyparser.urlencoded({extended:false}))
app.use(bodyparser.json())
在使用bodyparser.json()的时候也是在app.use()方法里跟了一个函数。
中间件的使用 在app.use()里 可以加上一个回调函数,在回调函数里做一些处理 需要注意的是在合适的时机 使用next()继续执行后面的操作
为什么说这一种是全局的 ,因为所有的接口都走这里 接下来看局部中间件
局部中间件
第一个参数还是路径 第二个参数是一个function 第三个参数还是function
const express = require("express");
const app = express();

app.get("/demo",(req,res,next) => {
    console.log('fun1');
},(req,res) => {
    console.log('fun2');
})
//  开启服务器
app.listen(2000,() => {
    console.log('开启在2000端口');
})
现在请求/demo接口 浏览器中没有响应 因为第一个回调函数里没有next() 不会走到第二个回调函数里
终端打印
nodejs之express的中间件

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

const express = require("express");
const app = 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

nodejs之express的中间件

终端打印

nodejs之express的中间件

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

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

内置中间件 static 又叫静态资源目录
类似于apache的静态目录 指定目录后把图片 网页 文件放进去 直接可以访问到
在项目目录新建一个文件夹 public 随便起名,用作静态资源目录
只要是中间件都是用app.use()方法
app.use(express.static("./public"))

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

nodejs之express的中间件

浏览器访问/index.html

nodejs之express的中间件

 

这样是直接访问静态目录,如果在public目录下还有目录,在浏览器中地址栏/后输入public下的目录的文件也可以访问到
还有另一种写法
app.use("/",express.static("./public"))
访问的地址不变 依然可以打开页面,因为路径名字是/时 第一个参数可以省去
如果想定义用户输入的路径 就改第一个参数
app.use("/public/test/",express.static("./public"))

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

nodejs之express的中间件

总结 在express中 无论是app.get 还是app.post app.use 只要方法里第一个参数有路径 都会和浏览器访问的路径做对比 如果匹配上了就走当前的方法
如果在app.use 和 app.get app.post 的第一个参数中 有相同的路径 ,当用户访问时会优先走到app.use()的方法里 因为app.use()是一个拦截器