当前位置:网站首页>The appearance is popular. Two JSON visualization tools are recommended for use with swagger. It's really fragrant
The appearance is popular. Two JSON visualization tools are recommended for use with swagger. It's really fragrant
2022-07-06 10:01:00 【Kaka's Java architecture notes】
Regular use Swagger My little partner should have some experience ,Swagger about JSON Your support is really unfriendly ! Recently, I found two very good looks JSON Visualization tools , Can be displayed gracefully JSON Data to improve development efficiency , I recommend it to you !
Chat Swagger
Let's talk first Swagger Yes JSON Support what is unfriendly , Why do we need JSON Visualization tools !
- When we use Swagger Submit POST request , Input JSON When requesting parameters , It doesn't support JSON format checks , Formatting is not supported , It's very inconvenient to use ;
- When we use Swagger Acquired JSON When the data is long ,Swagger Folding data is not supported , Sometimes we can only copy the data to other tools to view , For example, find an online JSON Parsing tool .
- For the above two Swagger Use pain points , Use JsonHero and JsonVisio All can be solved , And they are more distinctive JSON Visualization tools .
JsonHero
brief introduction
JsonHero It's an open source JSON Visualization tools , Currently in Github existing 2.9K+Star, adopt JsonHero You can easily view JSON data , It supports column views 、 Tree view and edit view , There's always one for you !
install
- JsonHero It's a front-end project , Downloading and installing is still very simple , First download its installation package , Download address :https://github.com/jsonhero-io/jsonhero-web
- After downloading, extract to the specified directory , Create in the root directory .env file , The contents of the document are as follows ;
SESSION_SECRET=abc123
- Then use the following command to install the dependency and start , It needs to be installed before use node.js Environmental Science ;
npm install
npm start
- After successful startup, the console will display the following information ;
- You can use JsonHero To visualize JSON Data. , Access address :http://localhost:8787
Use
- JsonHero Is very simple to use , Put... Directly JSON Data or acquisition JSON Of URL Copy to input box , And then click Go button ;
- We can Swagger The length obtained in JSON Copy the data , Through the column view, we can go deep into JSON data ;
- When we select a JSON Object time , The... Will be displayed directly on the right JSON Object's data ;
- adopt JSON View we can view the formatted JSON data , Also select a JSON Object time , The... Will be displayed directly on the right JSON Object's data ;
- The tree view allows you to JSON Collapse the data , Data can be viewed more easily ;
- We can also use the search function , Yes JSON Global search for data ;
- JsonHero It also supports previewing data in different formats , Such as the picture 、 Time 、 date 、 Website and other data .
JsonVisio
brief introduction
JsonVisio It is a simple and easy to use JSON Visualization tools , Currently in Github existing 4.1K+Star, Can support JSON format 、 Edit and verify , And according to JSON Generate a tree view .
install
- First we need to download JsonVisio Installation package , Pay attention to download 1.6.0 edition , Download address :https://github.com/AykutSarac/jsonvisio.com/releases
- After downloading successfully, unzip it to the specified directory , And then use npm Command to install and start ;
npm install
npm run dev
- After successful startup, the console will output the following information ;
- Next we can visit JsonVisio The page , Click on Start Generating Start using JSON Editor , Access address :http://localhost:3000
Use
- Put what we need in Swagger Copy the request parameters edited in ,JsonVisio Can support editing 、 format 、 Operations such as emptying and saving ;
- When our JSON Error in format , Will give a hint ;
- It can also support according to JSON Format to generate a tree view .
summary
By using the above two JSON Visualization tools , Even if only Swagger There's no need to worry about debugging the interface ! Careful partners should be able to find ,JsonHero Only view is supported JSON, Editing is not supported , So the editor JSON You have to use JsonVisio. But the project author is Issues Reply inside , Later versions will support .
Project address
- JsonHero:https://github.com/jsonhero-io/jsonhero-web
- JsonVisio:https://github.com/AykutSarac/jsonvisio.com
source :
https://mp.weixin.qq.com/s/Y4i2nD5AcCRr9uyuYOVy7Qauthor : The starry sky of dreams
边栏推荐
- 嵌入式开发中的防御性C语言编程
- CAPL script pair High level operation of INI configuration file
- 机械工程师和电气工程师方向哪个前景比较好?
- NLP路线和资源
- 在CANoe中通過Panel面板控制Test Module 運行(初級)
- C杂讲 双向循环链表
- Counter attack of noodles: redis asked 52 questions in a series, with detailed pictures and pictures. Now the interview is stable
- 硬件工程师的真实前途我说出来可能你们不信
- 竞赛vscode配置指南
- Carolyn Rosé博士的社交互通演讲记录
猜你喜欢
13 医疗挂号系统_【 微信登录】
Target detection -- yolov2 paper intensive reading
一大波開源小抄來襲
颜值爆表,推荐两款JSON可视化工具,配合Swagger使用真香
四川云教和双师模式
[NLP] bert4vec: a sentence vector generation tool based on pre training
I2C summary (single host and multi host)
Popularization of security knowledge - twelve moves to protect mobile phones from network attacks
Why can't TN-C use 2p circuit breaker?
jar运行报错no main manifest attribute
随机推荐
51单片机进修的一些感悟
C杂讲 浅拷贝 与 深拷贝
竞赛vscode配置指南
为什么大学单片机课上51+汇编,为什么不直接来STM32
A new understanding of RMAN retention policy recovery window
South China Technology stack cnn+bilstm+attention
Cap theory
CAPL 脚本打印函数 write ,writeEx ,writeLineEx ,writeToLog ,writeToLogEx ,writeDbgLevel 你真的分的清楚什么情况下用哪个吗?
Nc17 longest palindrome substring
Safety notes
CAPL 脚本对.ini 配置文件的高阶操作
Cmooc Internet + education
Listen to my advice and learn according to this embedded curriculum content and curriculum system
Inject common SQL statement collation
单片机实现模块化编程:思维+实例+系统教程(实用程度令人发指)
May brush question 01 - array
单片机如何从上电复位执行到main函数?
大学想要选择学习自动化专业,可以看什么书去提前了解?
Control the operation of the test module through the panel in canoe (Advanced)
嵌入式中的合作开发--函数指针