free-swagger-chrome

chrome extension for free-swagger

Usage no npm install needed!

<script type="module">
  import freeSwaggerChrome from 'https://cdn.skypack.dev/free-swagger-chrome';
</script>

README

free-swagger-chrome

根据 swagger 文档自动生成前端接口代码片段

free-swagger-chrome 基于 free-swagger-client 开发的 chrome 浏览器插件，增强浏览器端对于 swagger 文档的处理行为

image-20200710125155851

下方的操作栏即 free-swagger-chrome 提供的扩展能力

功能介绍

api 搜索

复制 api 代码片段

复制/递归复制 interface/typedef

复制 api 路径

复制 mock 数据

复制全量 typedef

复制全量 interface

安装

安装地址：https://chrome.google.com/webstore/detail/free-swagger/nlkadjfidjolpabkgoampncncbffbllk?hl=zh-CN

image-20210909155022801

安装后，点击右上角 free-swagger 的图标

image-20210909155257618

这时你会在网页下放发现多了一个操作栏, 祝贺您获得了 swagger-ui 的拓展能力

image-20200710141538427

编辑模版

free-swagger-chrome 基于 free-swagger-client，通过模版生成代码片段

默认使用 axios 作为模版，生成的代码片段如下

image-20200710151113242

通过编辑模版，可以自定义生成的代码片段，通过改变入参位置、切换请求库名来适配任意请求库的结构

例如将 axios.request 改成 request，示例如下

image-20210320170732104

image-20210320170350749

模版函数接受多个参数，可以自由组合成想要的代码片段，详细使用方式参考 free-swagger-client