node中中间件body-parser的实现方式

最近学习了Koa框架中用到了koa-bodyparser接收表单POST请求的参数，直接使用其API是很容易的，但却不知道其原生方法怎么实现的。故做些笔记

首先，是搭建了Koa的服务器不再赘述

其次，在做表单POST请求时，用到两个自定义封装的函数：

const Koa = require('koa')
const app = new Koa()

app.use((ctx) => {
    console.log(ctx)
    ctx.body = cxt
})
app.listen(3000)

由控制台或者body都可以打印出ctx是一个json对象

然而post发送的参数是存储在ctx.req中的，直接将ctx.req传给body是无法取得，需要通过原生方法去处理。

const Koa = require('koa')
const app = new Koa()

app.use(async (ctx) => {
  if (ctx.url === '/' && ctx.method === 'GET') {
    let html = `
                <form method="post" action="/">
                  <input type="text" name="user">
                  <input type="text" name="age">
                  <input type="submit" value="提交">                
                </form>
              `
    ctx.body = html;
  } else if (ctx.url === '/' && ctx.method === 'POST') {
    let postData = await parserData(ctx)
    console.log(ctx.req)
    ctx.body = postData
  } else {
    ctx.body = '404'
  }
})

// bodyParser的原生方法, 获取post请求的字符串 user=make&age=28
function parserData(ctx) {
  return new Promise((resolve, reject) => {
    try {
      let postData = ''
      ctx.req.addListener('data', (data) => {
        postData += data
      })
      ctx.req.on('end', function () {
        postData = parserQueryString(postData)
        resolve(postData)
      })
    } catch (err) {
      reject(err)
    }
  })
}

// 将post请求的query转为json对象格式
function parserQueryString(str) {
  let queryData = {}
  let queryStrList = str.split('&')
  // entries()返回带索引的数组
  for (let [index, queryStr] of queryStrList.entries()) {
    let itemList = queryStr.split('=')
    /*以键值对方式存入queryData*/
    queryData[itemList[0]] = decodeURIComponent(itemList[1])
  }
  return queryData;
}

app.listen(3000, () => {
  console.log('Server running at http://localhost:3000')
})