返回顶部
首页 > 资讯 > 精选 >配合Swagger使用的JSON可视化工具是什么
  • 866
分享到

配合Swagger使用的JSON可视化工具是什么

2023-07-02 11:07:44 866人浏览 八月长安
摘要

这篇文章主要介绍“配合swagger使用的JSON可视化工具是什么”,在日常操作中,相信很多人在配合Swagger使用的jsON可视化工具是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”配合Swagger

这篇文章主要介绍“配合swagger使用的JSON可视化工具是什么”,在日常操作中,相信很多人在配合Swagger使用的jsON可视化工具是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”配合Swagger使用的JSON可视化工具是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

聊聊Swagger

我们先来聊聊Swagger对JSON支持有哪些不友好的地方,我们为什么需要JSON可视化工具!

当我们使用Swagger提交POST请求,输入JSON请求参数时,它既不支持JSON格式校验,也不支持格式化,用起来很不方便;

配合Swagger使用的JSON可视化工具是什么

当我们使用Swagger获取到的JSON数据比较长时,Swagger不支持折叠数据,有时候我们只能把数据复制到其他工具里去查看,比如找个在线JSON解析工具。

配合Swagger使用的JSON可视化工具是什么

针对上面两个Swagger的使用痛点,使用JsonHeroJsonVisio都可以解决,而且它们都是比较有特色的JSON可视化工具。

JsonHero

简介

JsonHero是一款开源的JSON可视化工具,目前在GitHub已有2.9K+Star,通过JsonHero可以非常方便地查看JSON数据,它支持列视图、树视图和编辑视图,总有一款适合你!

配合Swagger使用的JSON可视化工具是什么

安装 JsonHero是个前端项目,下载安装还是非常简单的,首先下载它的安装包,

配合Swagger使用的JSON可视化工具是什么

下载完成后解压到指定目录,在根目录下创建.env文件,文件内容如下;

SESSION_SECRET=abc123

然后使用如下命令安装依赖并启动,使用前需先安装node.js环境;

npm installnpm start

启动成功后控制台将显示如下信息;

配合Swagger使用的JSON可视化工具是什么

接下来就可以使用JsonHero来可视化JSON数据了,访问地址:Http://localhost:8787

配合Swagger使用的JSON可视化工具是什么

使用

JsonHero的使用非常简单,直接把JSON数据或者获取JSON的URL复制到输入框,然后点击Go按钮即可;

配合Swagger使用的JSON可视化工具是什么

我们可以把Swagger中获取到的长JSON数据复制过来,通过列视图我们可以层层深入地查看JSON数据;

配合Swagger使用的JSON可视化工具是什么

当我们选中某个JSON对象时,右侧会直接显示该JSON对象的数据;

配合Swagger使用的JSON可视化工具是什么

通过JSON视图我们可以查看格式化好的JSON数据,同样选中某个JSON对象时,右侧会直接显示该JSON对象的数据;

配合Swagger使用的JSON可视化工具是什么

通过树视图可以对JSON数据进行折叠,可以更加方便地查看数据;

配合Swagger使用的JSON可视化工具是什么

我们还可以通过搜索功能,对JSON数据进行全局搜索;

配合Swagger使用的JSON可视化工具是什么

JsonHero还支持对不同格式的数据进行预览,比如图片、时间、日期、网址等数据。

配合Swagger使用的JSON可视化工具是什么

JsonVisio

简介

JsonVisio是一款简洁易用的JSON可视化工具,目前在github已有4.1K+Star,可以支持JSON格式化、编辑和校验,并且能根据JSON生成树状图。

配合Swagger使用的JSON可视化工具是什么

安装

首先我们需要下载JsonVisio的安装包,注意下载1.6.0版本

配合Swagger使用的JSON可视化工具是什么

下载成功后解压到指定目录,然后使用npm命令进行安装和启动;

npm installnpm run dev

启动成功后控制台将输出如下信息;

配合Swagger使用的JSON可视化工具是什么

接下来就可以访问JsonVisio的页面了,点击Start Generating开始使用JSON编辑器,访问地址:http://localhost:3000

配合Swagger使用的JSON可视化工具是什么

使用

把我们需要在Swagger中编辑的请求参数给拷贝过来,JsonVisio可以支持编辑、格式化、清空和保存等操作;

配合Swagger使用的JSON可视化工具是什么

当我们的JSON格式出错时,会给出提示;

配合Swagger使用的JSON可视化工具是什么

还可以支持根据JSON格式生成树状图。

配合Swagger使用的JSON可视化工具是什么

到此,关于“配合Swagger使用的JSON可视化工具是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

--结束END--

本文标题: 配合Swagger使用的JSON可视化工具是什么

本文链接: https://www.lsjlt.com/news/341532.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 配合Swagger使用的JSON可视化工具是什么
    这篇文章主要介绍“配合Swagger使用的JSON可视化工具是什么”,在日常操作中,相信很多人在配合Swagger使用的JSON可视化工具是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”配合Swagger...
    99+
    2023-07-02
  • 配合Swagger使用绝佳的两款直观易用JSON可视化工具
    目录前言聊聊SwaggerJsonHero简介使用JsonVisio简介安装使用总结前言 经常使用Swagger的小伙伴应该有所体会,Swagger对于JSON的支持真的很不友好!最...
    99+
    2024-04-02
  • Nginx可视化配置工具NginxWebUI的使用
    目录NginxWebUI介绍NginxWebUI功能说明NginxWebUI安装1、jar包运行方式2、docker安装说明NginxWebUI使用演示介绍一款好用的网页版开源工具,...
    99+
    2024-04-02
  • PyTorch中可视化工具的使用
    目录一、网络结构的可视化1.1 通过HiddenLayer可视化网络 1.2 通过PyTorchViz可视化网络 二、训练过程可视化 2.1 通过ten...
    99+
    2023-05-15
    PyTorch 可视化工具
  • redis有什么可视化工具
    redis可视化工具有:1.Redis Desktop Manager,快速开源Redis数据库管理应用程序;2.Redis Studio,专业的Redis可视化工具;3.FastRedis,跨平台的开源Redis管理工具。redis可视化...
    99+
    2024-04-02
  • 大厂git用什么可视化工具
    随着软件开发的日益复杂化,版本管理工具的重要性也越来越显著。作为目前最为流行的版本管理工具之一,Git在许多大型软件公司中已被广泛应用。而对于这些大型公司,使用Git的方式通常需要依靠一些可视化工具来辅助完成代码管理的操作。那么,对于这些大...
    99+
    2023-10-22
  • 怎么使用python的可视化工具Pandas_Alive
    这篇文章主要介绍“怎么使用python的可视化工具Pandas_Alive”,在日常操作中,相信很多人在怎么使用python的可视化工具Pandas_Alive问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎...
    99+
    2023-06-25
  • Mongdb可视化工具Studio 3T的使用
      一、官网地址 https://studio3t.com/   二、下载和安装 点击DOWNLOAD即可下载         按照自己电脑系统进行选择,然后填写邮箱和选择行业,第一次登录如果不提交不会下载,下载完成是一个zip压缩包(我的...
    99+
    2016-05-11
    Mongdb可视化工具Studio 3T的使用
  • mysql可视化工具怎么用
    使用mysql可视化工具Navicat的方法首先,进入Navicat官网,下载并安装好Navicat可视化工具;Navicat安装好后,双击打开Navicat,进入Navicat操作界面;进入Navicat操作界面后,点击界面左上角的“连接...
    99+
    2024-04-02
  • MongoDB可视化工具mongodb compass怎么使用
    这篇文章主要介绍了MongoDB可视化工具mongodb compass怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇MongoDB可视化工具mongodb compass怎么使用文章都会有所收获,下面...
    99+
    2023-07-02
  • Nginx开源可视化配置工具NginxConfig如何使用
    这篇“Nginx开源可视化配置工具NginxConfig如何使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Nginx开源...
    99+
    2023-07-02
  • Nginx开源可视化配置工具NginxConfig使用教程
    目录前言NginxConfig简介安装安装Node.js安装NginxConfig使用使用准备文档网站配置前端网站配置API网站配置总结前言 Nginx是一款非常流行的Web服务器,...
    99+
    2024-04-02
  • Redis可视化工具Redis Desktop Manager的具体使用
    项目中用到了redis,想查询redis中的数据,一直想找一个可视化工具,今天发现了Redis Desktop Manager,试用了一下,很好用。 1.下载 Redis Des...
    99+
    2024-04-02
  • Linux10个最佳可视化工具分别是什么
    这期内容当中小编将会给大家带来有关Linux10个最佳可视化工具分别是什么,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。Linux管理员的工作任务通常是安装,升级和监控公司的软件和硬件,同时维护基本的应用...
    99+
    2023-06-28
  • Python可视化工具Plotly怎么用
    小编给大家分享一下Python可视化工具Plotly怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一.简介发展由来:随着信息技术的发展和硬件设备成本的降低,...
    99+
    2023-06-22
  • Hive可视化工具squirrel怎么用
    要使用Hive可视化工具Squirrel,您需要按照以下步骤进行操作:1. 首先,您需要下载和安装Squirrel。您可以从Squi...
    99+
    2023-10-23
    Hive squirrel
  • git可视化提交工具Sourcetree怎么使用
    这篇文章主要讲解了“git可视化提交工具Sourcetree怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“git可视化提交工具Sourcetree怎么使用”吧!Sourcetree基...
    99+
    2023-06-29
  • Redis可视化工具怎么安装及使用
    要安装和使用Redis可视化工具,可以按照以下步骤进行操作:1. 选择合适的Redis可视化工具:有很多可选的Redis可视化工具,...
    99+
    2023-08-15
    Redis
  • MySql可视化工具的安装与使用(MysqlWorkBench)
    MySql可视化工具 曾经用过Navicat的破解版,最近下载了Navicat Premium15,试用期后我就想搞个破解版的,正好在看《深入浅出MySQL》,书中用的是MysqlWorkBench,那就懒得去找破解版了咯,搞不好...
    99+
    2018-02-17
    MySql可视化工具的安装与使用(MysqlWorkBench)
  • 如何使用Python中的可视化工具Matplotlib
    如何使用Python中的可视化工具Matplotlib,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。Matplotlib是一个Python 2D绘图库和一些基本的3D图表,...
    99+
    2023-06-16
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作