经常使用Swagger的小伙伴应该有所体会,Swagger对于JSON的支持真的很不友好!最近发现了两款颜值很不错的JSON可视化工具,可以优雅地展示JSON数据从而提高开发效率,推荐给大家!
我们先来聊聊Swagger对JSON支持有哪些不友好的地方,我们为什么需要JSON可视化工具!
JsonHero
和JsonVisio
都可以解决,而且它们都是比较有特色的JSON可视化工具。JsonHero是一款开源的JSON可视化工具,目前在Github已有2.9K+Star
,通过JsonHero可以非常方便地查看JSON数据,它支持列视图、树视图和编辑视图,总有一款适合你!
.env
文件,文件内容如下;SESSION_SECRET=abc123
node.js
环境;npm install
npm start
Go
按钮即可;列视图
我们可以层层深入地查看JSON数据;JSON视图
我们可以查看格式化好的JSON数据,同样选中某个JSON对象时,右侧会直接显示该JSON对象的数据;树视图
可以对JSON数据进行折叠,可以更加方便地查看数据;JsonVisio是一款简洁易用的JSON可视化工具,目前在Github已有4.1K+Star
,可以支持JSON格式化、编辑和校验,并且能根据JSON生成树状图。
1.6.0
版本,下载地址:https://github.com/AykutSarac/jsonvisio.com/releasesnpm
命令进行安装和启动;npm install
npm run dev
Start Generating
开始使用JSON编辑器,访问地址:http://localhost:3000通过使用上面两种JSON可视化工具,就算只使用Swagger来调试接口也不愁了!细心的小伙伴应该可以发现,JsonHero只支持查看JSON,并不支持编辑,所以编辑JSON还得使用JsonVisio。不过项目作者在Issues里面回复到,以后版本会进行支持。