配合Swagger使用絕佳的兩款直觀易用JSON可視化工具
前言
經(jīng)常使用Swagger的小伙伴應(yīng)該有所體會，Swagger對于JSON的支持真的很不友好！最近發(fā)現(xiàn)了兩款顏值很不錯的JSON可視化工具，可以優(yōu)雅地展示JSON數(shù)據(jù)從而提高開發(fā)效率，推薦給大家！
SpringBoot實戰(zhàn)電商項目mall（50k+star）地址：https://github.com/macrozheng/mall
聊聊Swagger
我們先來聊聊Swagger對JSON支持有哪些不友好的地方，我們?yōu)槭裁葱枰狫SON可視化工具！
當(dāng)我們使用Swagger提交POST請求，輸入JSON請求參數(shù)時，它既不支持JSON格式校驗，也不支持格式化，用起來很不方便；
當(dāng)我們使用Swagger獲取到的JSON數(shù)據(jù)比較長時，Swagger不支持折疊數(shù)據(jù)，有時候我們只能把數(shù)據(jù)復(fù)制到其他工具里去查看，比如找個在線JSON解析工具。
針對上面兩個Swagger的使用痛點，使用JsonHero和JsonVisio都可以解決，而且它們都是比較有特色的JSON可視化工具。
JsonHero
簡介
JsonHero是一款開源的JSON可視化工具，目前在Github已有2.9K+Star，通過JsonHero可以非常方便地查看JSON數(shù)據(jù)，它支持列視圖、樹視圖和編輯視圖，總有一款適合你！
安裝 JsonHero是個前端項目，下載安裝還是非常簡單的，首先下載它的安裝包，
下載地址：https://github.com/jsonhero-io/jsonhero-web
下載完成后解壓到指定目錄，在根目錄下創(chuàng)建.env文件，文件內(nèi)容如下；
SESSION_SECRET=abc123
然后使用如下命令安裝依賴并啟動，使用前需先安裝node.js環(huán)境；
npm install npm start
啟動成功后控制臺將顯示如下信息；
接下來就可以使用JsonHero來可視化JSON數(shù)據(jù)了，訪問地址：http://localhost:8787
使用
JsonHero的使用非常簡單，直接把JSON數(shù)據(jù)或者獲取JSON的URL復(fù)制到輸入框，然后點擊Go按鈕即可；
我們可以把Swagger中獲取到的長JSON數(shù)據(jù)復(fù)制過來，通過列視圖我們可以層層深入地查看JSON數(shù)據(jù)；
當(dāng)我們選中某個JSON對象時，右側(cè)會直接顯示該JSON對象的數(shù)據(jù)；
通過JSON視圖我們可以查看格式化好的JSON數(shù)據(jù)，同樣選中某個JSON對象時，右側(cè)會直接顯示該JSON對象的數(shù)據(jù)；
通過樹視圖可以對JSON數(shù)據(jù)進(jìn)行折疊，可以更加方便地查看數(shù)據(jù)；
我們還可以通過搜索功能，對JSON數(shù)據(jù)進(jìn)行全局搜索；
JsonHero還支持對不同格式的數(shù)據(jù)進(jìn)行預(yù)覽，比如圖片、時間、日期、網(wǎng)址等數(shù)據(jù)。
JsonVisio
簡介
JsonVisio是一款簡潔易用的JSON可視化工具，目前在Github已有4.1K+Star，可以支持JSON格式化、編輯和校驗，并且能根據(jù)JSON生成樹狀圖。
安裝
首先我們需要下載JsonVisio的安裝包，注意下載1.6.0版本
下載地址：https://github.com/AykutSarac/jsonvisio.com/releases
下載成功后解壓到指定目錄，然后使用npm命令進(jìn)行安裝和啟動；
npm install npm run dev
啟動成功后控制臺將輸出如下信息；
接下來就可以訪問JsonVisio的頁面了，點擊Start Generating開始使用JSON編輯器，訪問地址：http://localhost:3000
使用
把我們需要在Swagger中編輯的請求參數(shù)給拷貝過來，JsonVisio可以支持編輯、格式化、清空和保存等操作；
當(dāng)我們的JSON格式出錯時，會給出提示；
還可以支持根據(jù)JSON格式生成樹狀圖。
總結(jié)
通過使用上面兩種JSON可視化工具，就算只使用Swagger來調(diào)試接口也不愁了！細(xì)心的小伙伴應(yīng)該可以發(fā)現(xiàn)，JsonHero只支持查看JSON，并不支持編輯，所以編輯JSON還得使用JsonVisio。不過項目作者在Issues里面回復(fù)到，以后版本會進(jìn)行支持。
項目地址
JsonHero：https://github.com/jsonhero-io/jsonhero-web
JsonVisio：https://github.com/AykutSarac/jsonvisio.com
更多關(guān)于Swagger JSON可視化工具的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
SpringMvc根據(jù)返回值類型不同處理響應(yīng)的方法
這篇文章主要介紹了SpringMvc根據(jù)返回值類型不同處理響應(yīng),我們可以通過控制器方法的返回值設(shè)置跳轉(zhuǎn)的視圖，控制器支持如void，String，ModelAndView類型，需要的朋友可以參考下2023-09-09
SpringBoot @PostMapping接收HTTP請求的流數(shù)據(jù)問題
這篇文章主要介紹了SpringBoot @PostMapping接收HTTP請求的流數(shù)據(jù)問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02
本文主要介紹了Java?Convert?Kotlin空指針異常的解決方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
反射就是加載類,并解剖出類的各個組成部分,下面介紹了java反射機制示例,大家參考使用吧2014-01-01
這篇文章主要介紹了如何在springBoot下搭建日志框架,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-06-06
這篇文章主要介紹了java避免死鎖的常見方法代碼解析，具有一定借鑒價值,需要的朋友可以參考下2018-01-01
hutool是一個java基礎(chǔ)工具類,該工具類經(jīng)過長期的發(fā)展,API已經(jīng)非常齊全,下面這篇文章主要給大家介紹了關(guān)于java?hutool工具類處理JSON的使用方法,需要的朋友可以參考下2024-04-04
這篇文章主要講解Struts2 Result的參數(shù)，講的比較詳細(xì)，希望能給大家做一個參考。2016-06-06
這篇文章主要介紹了Java責(zé)任鏈模式模板代碼分享，具有一定借鑒價值,需要的朋友可以參考下2018-01-01
Spring整合mybatis、springMVC總結(jié)
這篇文章主要為大家詳細(xì)介紹了Java整合Mybatis,SpringMVC,文中有詳細(xì)的代碼示例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2023-05-05