web服务器12 中间件函数

// 1,导入express
const express = require('express')
const app = express()
// 3定义一个中间件
// const mw = (req,res,next)=>{
//     console.log('中间件');
//     next()
// }
// // 4,全局生效的中间件
// app.use(mw)
// 6，全局中间件简化
app.use((req,res,next)=>{
    console.log('中间件');
    next()
})
// 5,定义接口
app.get('/',(req,res)=>{
    res.send('GET success')
    console.log('/');
})

app.get('/user',(req,res)=>{
    res.send('GET success')
    console.log('/user');
})

// 2，启动服务器
app.listen(8080,()=>{
    console.log('express serve running at http://127.0.0.1')
})
// 多个中间件中间，是可以共享一份req和res的，在上游的中间件中可以自定义一些req和res方法，供下游的中间件使用

　　中间件的作用

// 1,导入express
const express = require('express')
const app = express()
// 2，全局中间件简化
app.use((req, res, next) => {
    // 5，获取到服务器的时间
    const time = Date.now()
    // 6,为req挂载时间
    req.starTime = time
    next()
})
// 3,定义接口
app.get('/', (req, res) => {
    res.send('GET success' + req.starTime)
})

app.get('/user', (req, res) => {
    res.send('GET user'+ req.starTime)
})

// 4，启动服务器
app.listen(8080, () => {
    console.log('express serve running at http://127.0.0.1')
})

　　定义多个中间件

// 1,导入express
const express = require('express')
const app = express()
// 2，定义第一个全局中间件
app.use((req, res, next) => {
    console.log('定义第一个全局中间件');
    next()
})
// 3，定义第二个全局中间件
app.use((req, res, next) => {
    console.log('定义第二个全局中间件');
    next()
})
// 5,定义接口
app.get('/user', (req, res) => {
    res.send('GET user')
})

// 4，启动服务器
app.listen(8080, () => {
    console.log('express serve running at http://127.0.0.1')
})

　　定义局部生效的中间件

// 1,导入express
const express = require('express')
const app = express()
// 2，定义局部生效的中间件
const mw1 = (req,res,next)=>{
    console.log('调用局部生效的中间件');
    next()
}
// 5,创建路由
// mw1只会在user中局部生效
app.get('/user', mw1,(req, res) => {
    res.send('GET user')
})
app.get('/', (req, res) => {
    res.send('GET success')
})

// 4，启动服务器
app.listen(8080, () => {
    console.log('express serve running at http://127.0.0.1')
})

　　定义多个局部生效的中间件

// 1,导入express
const express = require('express')
const app = express()
// 2，定义局部生效的中间件
const mw1 = (req,res,next)=>{
    console.log('调用局部生效的中间件');
    next()
}
const mw2 = (req,res,next)=>{
    console.log('调用局部生效的中间件2');
    next()
}
// 5,创建路由
// mw1只会在user中局部生效
app.get('/user', mw1,mw2,(req, res) => {
    res.send('GET user')
})
app.get('/', (req, res) => {
    res.send('GET success')
})

// 4，启动服务器
app.listen(8080, () => {
    console.log('express serve running at http://127.0.0.1')
})

// 1,导入express
const express = require('express')
const app = express()
// 2，定义局部生效的中间件
const mw1 = (req,res,next)=>{
    console.log('调用局部生效的中间件');
    next()
}
const mw2 = (req,res,next)=>{
    console.log('调用局部生效的中间件2');
    next()
}
const mw3 = (req,res,next)=>{
    console.log('调用局部生效的中间件2');
    next()
}
// 5,创建路由
// mw1只会在user中局部生效
app.get('/user', [mw1,mw2,mw3],(req, res) => {
    res.send('GET user')
})
app.get('/', (req, res) => {
    res.send('GET success')
})

// 4，启动服务器
app.listen(8080, () => {
    console.log('express serve running at http://127.0.0.1')
})

　　注意事项：

　　　　1，一定在路由之前注册中间件

　　　　2，客户端发生可以的请求可以调用多个中间件

　　　　3，中间件一定要调用next函数

　　　　4，为了防止代码逻辑混乱，调用next后不要再写其他代码了

　　　　5，连续调用多个中间件时，req和res是共享的

　　中间件的五大类：

　　　　1，应用级别的中间件

　　　　2，路由级别的中间件

　　　　3，错误级别的中间件

　　　　4，express内置的中间件

　　　　5，第三方的中间件

1，应用级别的中间件：
　　　通过绑定到app.use(),app.get(),app.post()，凡是绑定到app上面的中间件，都是属于应用级别的中间件
　　　　实例：

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

　　　　　　const time = Date.now()

　　　　　　req.starTime = time

　　　　　　 next()

　　　　　　})

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

　　　　　　 res.send('GET success' + req.starTime)

　　　　　　})

　　　　　　app.get('/user', (req, res) => {

　　　　　　 res.send('GET user'+ req.starTime)

　　　　　　})


2，路由级别的中间件：
　　绑定到express.Router（）都是路由级别的中间件用法和应用级别的中间件没有区别，区别在于绑定的是app还是router上

　　　　实例：

　　　　const express = require('express')

　　　　const router = express.Router()

　　　　router.get('/user/list',(req,res)=>{

　　　 res.send('GET success')

　　　　})

　　　　router.post('/user/add',(req,res)=>{

　　　res.send('post success')

　　　　})

　　　　app.use('/api',router)

3，错误级别的中间件：
　　专门捕获项目中的异常错误，从而防止项目崩溃,错误级别的中间件必须要有四个形参err,req,res,next，错误级别必须注册在所有路由之后
　　　　实例：

// 1,导入express

const express = require('express')

const app = express()

// 3创建路由

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

// 4人为制作错误

throw new Error('服务器内部发生错误')

res.send('success')

})

// 5,定义错误级别的中间件，捕获整个项目的错误

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

console.log('发生了错误'+ err.message);

res.send('Error:'+ err.message)

})

// 2，启动服务器

app.listen(8080, () => {

console.log('express serve running at http://127.0.0.1')

})

4，express内置的中间件
　　1，express.statlc:快速托管内置的静态资源（无兼容性，任何版本即可使用）
　　2，express.json：解析json格式的请求体（有兼容性，仅在4.16.0+版本以上可用）
　　3，express.urlencoded：解析URL-encoded格式的请求体数据（有兼容性，仅在4.16.0+版本以上可用）

　　　　// 配置解析application/json格式

　　　　app.use(express.json())

　　　　// 配置解析application/x-www-form-urlencoded格式

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

　　req.body——在服务器可以用req.body接收请求体数据，json和URL-encoded格式

　　如果不解析表单请求，则req.body服务器会默认返回undefined

　　除了错误中间件，必须在路由之前配置
　　通过express.json()解析表单数据
5，第三方的中间件：
　　第三方提供的中间件
　　　　1，body-parser：express中解析请求体的中间件，安装命令：npm install body-parser

　　　　实例：

// 1,导入express

const express = require('express')

const app = express()

// 4导入解析表单的中间件

const parser = require('body-parser')

// 5注册中间件

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

// 3注册路由

app.post('/user', (req, res) => {

console.log(req.body);

res.send('success')

})

// 2，启动服务器

app.listen(8080, () => {

console.log('express serve running at http://127.0.0.1')

})

　　自定义中间件

    // 1,导入express
    const express = require('express')
    const app = express()
    // 导入node内置的querystring
    const qs = require('querystring')
    const body = qs

    app.use((req,res,next)=>{
        // 定义中间件具体的业务逻辑
        // 1定义接收数据
        let str = ''
        // 2监听req的data事件
        req.on('data',(chunk)=>{
            str += chunk
        })
        // 3,监听req的end事件
        req.on('end',()=>{
            // 在str中存放的是完整的请求体数据
            // console.log(str);
            const con = body.parse(str)
            console.log(con);
            req.body = con
            next()
        })
    })
    app.post('/user', (req, res) => {
        console.log(req.body);
        res.send(req.body)
    })
    // 2，启动服务器
    app.listen(8080, () => {
        console.log('express serve running at http://127.0.0.1')
    })

　　封装中间件

    // 1,导入express
    const express = require('express')
    const app = express()
    // 导入封装的中间件模块
    const bodyser = require('./body')

    app.use(bodyser)
    app.post('/user', (req, res) => {
        console.log(req.body);
        res.send(req.body)
    })
    // 2，启动服务器
    app.listen(8080, () => {
        console.log('express serve running at http://127.0.0.1')
    })

// 导入node内置的querystring
const qs = require('querystring')
const body = qs

const bodyser = (req,res,next)=>{
    // 定义中间件具体的业务逻辑
    // 1定义接收数据
    let str = ''
    // 2监听req的data事件
    req.on('data',(chunk)=>{
        str += chunk
    })
    // 3,监听req的end事件
    req.on('end',()=>{
        // 在str中存放的是完整的请求体数据
        // console.log(str);
        const con = body.parse(str)
        console.log(con);
        req.body = con
        next()
    })
}

module.exports = bodyser

posted @ 2022-11-01 15:48 文采呱呱阅读(31) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

文采呱呱

三更灯火五更鸡，正是少年读书时

web服务器12 中间件函数

公告