body-parser 使用详解

逃离我推掉我的手 2022-11-29 00:50 176阅读 0赞

## 一、简介 ##

*  [github][]
 *  node.js body 解析中间件
 *  处理程序之前，在中间件中对传入的请求体进行解析（response body）
 *  `body-parser` 提供四种解析器

[JSON body parser][github]  
    [Raw body parser][]  
    [Text body parser][]  
    [URL-encoded form body parser][]

## 二、使用 ##

搭建一个简单的demo

mkdir body-parser-demo
    cd body-parser-demo
    
    npm init -y
    npm install express body-parser --save

在根目录下创建`index.js`

var express = require('express')
    var bodyParser = require('body-parser')
    
    const localPort = 3000
    var app = express()
    
    // create application/json parser
    var jsonParser = bodyParser.json()
    
    // create application/x-www-form-urlencoded parser
    var urlencodedParser = bodyParser.urlencoded({ extended: false })
    
    
    app.post('/login.do', (req, res) => {
        console.log('********************')
        console.log(req.body)
    
        res.end();
    })
    
    app.listen(localPort, () => {
        console.log('http://127.0.0.1:%s', host, port)
    })

执行`node index.js`

网络模拟请求使用`Postman`工具

![format_png][]

Postman

不使用中间件，直接获取`body`

执行结果：

> `undefined`

JSON解析器

app.post('/login.do', jsonParser, (req, res) => {
        console.log('********************')
        console.log(req.body)
    
        res.end();
    })

Postman 以raw 方式发送JSON 数据，执行结果：

> `{ name: 'wang', password: '123456' }`

注：如果在模拟器上以非`JSON`格式发送，则会获得一个空的`JSON`对象

urlencoded解析器

app.post('/login.do', urlencodedParser, (req, res) => {
        console.log('********************')
        console.log(req.body)
    
        res.end();
    })

![format_png 1][]

Postman

执行结果：

> `{ name: 'wang', password: '123456' }`

加载到没有挂载路径的中间件

// parse application/x-www-form-urlencoded
    app.use(bodyParser.urlencoded({ extended: false }))
    // parse application/json
    app.use(bodyParser.json())

具体详见GitHub README.md

注：注意为方便测试，请求处理时直接使用`end()`，否则会挂起

[github]: https://github.com/expressjs/body-parser#bodyparserjsonoptions
[Raw body parser]: https://github.com/expressjs/body-parser#bodyparserrawoptions
[Text body parser]: https://github.com/expressjs/body-parser#bodyparsertextoptions
[URL-encoded form body parser]: https://github.com/expressjs/body-parser#bodyparserurlencodedoptions
[format_png]: /images/20221124/7126d2eb230c4d018bb1ff89132b1710.png
[format_png 1]: /images/20221124/b7e47ef69dfd4d5ea1460a9d923d90f3.png