徒手打造express框架之手写post解析+restfulApi!

前情提要

自从上次使用python完成那个killtime迷你小框架后(参考终于!我写出了自己的后端框架! - 掘金 (juejin.cn)),一直觉得很遗憾,想破脑袋也没想明白resful api到底是怎么怎么实现,特别是我看到很多框架可以自动提取参数,感觉很有意思。后来死活也没想通就暂时搁置了,现在有空了,又使用"nodets"复现了一个类express风格的框架,看下图: get请求的参数倒是好处理,一个parse就解决了

这次感觉最大的收获就是post参数的请求,之前一直觉得Post请求很神秘,好像只有绝顶高手才能写出这样的模块,比如自己以前用过的multer,formidable

一开始自己想直接使用这些模块完成解析,谁知道出了很多错误,死活用不了,tmd! 自己写!

post解析

post解析,按照编码方式可以分成两张,urlencoded和multipart类型,具体区别参考下面: application/x-www-form-urlencoded类型数据和multipart/form-data类型数据是两种常见的用于在HTTP请求中传输表单数据的编码格式。

  1. ​application/x-www-form-urlencoded​​:

    • 编码格式简单,数据被编码为键值对的形式,以key=value的形式进行传输。
    • 键和值都需要进行URL编码(例如,空格会被编码为%20)。
    • 键值对之间使用&符号分隔。
    • 这种格式适用于简单的表单数据,不支持文件上传。
  2. ​multipart/form-data​​:

    • 编码格式复杂,适用于包含文件上传的表单数据。
    • 数据被划分为多个部分,每个部分都有自己的边界(boundary)和内容类型(content type)。
    • 每个部分包含字段的名称和对应的值,以及可选的文件数据。
    • 每个部分之间使用边界进行分隔。
    • 这种格式支持文件上传,可以同时传输文本数据和二进制文件数据。

    总结来说,application/x-www-form-urlencoded​​适用于简单的表单数据,而multipart/form-data​​适用于同时传输文本数据和二进制文件数据的复杂表单数据,如文件上传。在处理这两种类型的数据时,服务器需要根据不同的Content-Type来解析数据。对于application/x-www-form-urlencoded​​类型的数据,可以手动解析,而对于multipart/form-data​​类型的数据,一般建议使用专门的库来处理,如busboy​​或multer​​。

    以上为GPT3.5生成。

    post解析感觉还是有点繁琐的,可以瞟一眼代码:

好啦,post就告一段落了。下面是正题。

resftul api

先看看

就我个人理解,就是下面这样子:

/path/{id}/{name}

框架应该支持解析功能,比如有一个请求: /index/1/jack,restfulapi就应该可以解析出{id}对应1,{name}对应jack,然后保存起来,让用户直接使用。那怎么实现呢?且看。

restfulGet在KillTime类里面,作为一个方法,功能就是解析出用户传进来的"/rest/{id}/{name}"这样的路由,变成/rest, 保存起来,然后解析出参数名称id和name 我也没想到其他好的方法,也懒得问gpt,不然什么都问gpt,啥也不会写了。这里主要是对请求路径(如/index/1)和用户传进来(比如/index/{id})的路径分别做解析,然后创建一个对象,设置id数学为1即可。done! 下面是如何让解析出来的参数传入到回调函数的具体细节:

parseAsObject从routePath和originalPath解析出参数,做成一个对象{}返回,然后cb就是回调函数了,将req,res,和params传入,直接在回调函数中使用,完美!

killtime暂时就告一段落了,诶,终于完成了自己心心念念的restful, 睡觉!

屏幕前的帅比你觉得还可以怎么写?有什么好的想法?欢迎骚扰!

相关推荐
风若飞3 小时前
npm ERR! code CERT_HAS_EXPIRED
前端·npm·node.js
csdn_aspnet3 小时前
Windows、Linux 系统 nodejs 和 npm 版本更新及错误修复
linux·windows·npm·node.js
北城笑笑3 小时前
NodeJS 8 ,从 0 到 1:npm 包发布与更新全流程指南( 含多场景适配与踩坑总结 )
前端·npm·node.js·github
码码哈哈0.03 小时前
npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚
前端·npm·node.js
歪歪1005 小时前
webpack 配置文件中 mode 有哪些模式?
开发语言·前端·javascript·webpack·前端框架·node.js
歪歪1005 小时前
如何配置Webpack以实现按需加载模块?
开发语言·前端·webpack·node.js
lypzcgf13 小时前
Coze源码分析-资源库-创建知识库-前端源码-核心组件
前端·typescript·react·coze·coze源码分析·ai应用平台·agent开发平台
患得患失94914 小时前
【个人项目】【前端实用工具】OpenAPI to TypeScript 转换器
前端·javascript·typescript
No喜欢吃香菜.15 小时前
node.js卸载并重新安装(超详细图文步骤)
node.js
qq_124987075315 小时前
基于node.js+vue的医院陪诊系统的设计与实现(源码+论文+部署+安装)
前端·vue.js·node.js·毕业设计