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')
 })