apifox,swagger,yapi 代码自动生成。

293 阅读1分钟

前言

此文档其实是用来当做仓库readme的

我们对接后端接口的时候通常会使用 swagger 或者 apifox 这种文档工具。在编写代码的过程中,我们会打开文档,然后复制请求地址来编写对应的请求代码。以 axios 为例,经过封装之后我需要编写的请求代码是下方的代码示例。久而久之,我就会被这种无脑的重复工作折磨的很痛苦,我就在想这种东西能不能通过代码来生成呢,来减少我们的劳动量。有了希望之火总是能点燃前行的路。

整体效果截图 image.png

使用

swagger 和 apifox

在线地址 generate-api-code.onrender.com/ (首次访问会比较慢,因为是免费的托管网站,属于冷启动)

image.png

选择对应的平台,目前生成ts的代码逻辑还不够完善只能生成对应的请求interface。

然后可以看到👇🏻的内容

image.png

里面的文档接口可以从swagger在线文档获取如下图,复制之后直接贴进来就行。如果没有可以使用这个demo modstart.com/swagger_ui/… 直接贴进去就行。

image.png

然后选择对应的模块就可以生成了

image.png

yapi

待完善,也可以自己探索