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

這篇文章主要介紹“配合Swagger使用的JSON可視化工具是什么”，在日常操作中，相信很多人在配合Swagger使用的JSON可視化工具是什么問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”配合Swagger使用的JSON可視化工具是什么”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

聊聊Swagger

我們先來(lái)聊聊Swagger對(duì)JSON支持有哪些不友好的地方，我們?yōu)槭裁葱枰狫SON可視化工具！

當(dāng)我們使用Swagger提交POST請(qǐng)求，輸入JSON請(qǐng)求參數(shù)時(shí)，它既不支持JSON格式校驗(yàn)，也不支持格式化，用起來(lái)很不方便；

當(dāng)我們使用Swagger獲取到的JSON數(shù)據(jù)比較長(zhǎng)時(shí)，Swagger不支持折疊數(shù)據(jù)，有時(shí)候我們只能把數(shù)據(jù)復(fù)制到其他工具里去查看，比如找個(gè)在線(xiàn)JSON解析工具。

針對(duì)上面兩個(gè)Swagger的使用痛點(diǎn)，使用JsonHero和JsonVisio都可以解決，而且它們都是比較有特色的JSON可視化工具。

JsonHero

簡(jiǎn)介

JsonHero是一款開(kāi)源的JSON可視化工具，目前在Github已有2.9K+Star，通過(guò)JsonHero可以非常方便地查看JSON數(shù)據(jù)，它支持列視圖、樹(shù)視圖和編輯視圖，總有一款適合你！

安裝 JsonHero是個(gè)前端項(xiàng)目，下載安裝還是非常簡(jiǎn)單的，首先下載它的安裝包，

下載完成后解壓到指定目錄，在根目錄下創(chuàng)建.env文件，文件內(nèi)容如下；

SESSION_SECRET=abc123

然后使用如下命令安裝依賴(lài)并啟動(dòng)，使用前需先安裝node.js環(huán)境；

npm install
npm start

啟動(dòng)成功后控制臺(tái)將顯示如下信息；

接下來(lái)就可以使用JsonHero來(lái)可視化JSON數(shù)據(jù)了，訪(fǎng)問(wèn)地址：http://localhost:8787

使用

JsonHero的使用非常簡(jiǎn)單，直接把JSON數(shù)據(jù)或者獲取JSON的URL復(fù)制到輸入框，然后點(diǎn)擊Go按鈕即可；

我們可以把Swagger中獲取到的長(zhǎng)JSON數(shù)據(jù)復(fù)制過(guò)來(lái)，通過(guò)列視圖我們可以層層深入地查看JSON數(shù)據(jù)；

當(dāng)我們選中某個(gè)JSON對(duì)象時(shí)，右側(cè)會(huì)直接顯示該JSON對(duì)象的數(shù)據(jù)；

通過(guò)JSON視圖我們可以查看格式化好的JSON數(shù)據(jù)，同樣選中某個(gè)JSON對(duì)象時(shí)，右側(cè)會(huì)直接顯示該JSON對(duì)象的數(shù)據(jù)；

通過(guò)樹(shù)視圖可以對(duì)JSON數(shù)據(jù)進(jìn)行折疊，可以更加方便地查看數(shù)據(jù)；

我們還可以通過(guò)搜索功能，對(duì)JSON數(shù)據(jù)進(jìn)行全局搜索；

JsonHero還支持對(duì)不同格式的數(shù)據(jù)進(jìn)行預(yù)覽，比如圖片、時(shí)間、日期、網(wǎng)址等數(shù)據(jù)。

JsonVisio

簡(jiǎn)介

JsonVisio是一款簡(jiǎn)潔易用的JSON可視化工具，目前在Github已有4.1K+Star，可以支持JSON格式化、編輯和校驗(yàn)，并且能根據(jù)JSON生成樹(shù)狀圖。

安裝

首先我們需要下載JsonVisio的安裝包，注意下載1.6.0版本

下載成功后解壓到指定目錄，然后使用npm命令進(jìn)行安裝和啟動(dòng)；

npm install
npm run dev

啟動(dòng)成功后控制臺(tái)將輸出如下信息；

接下來(lái)就可以訪(fǎng)問(wèn)JsonVisio的頁(yè)面了，點(diǎn)擊Start Generating開(kāi)始使用JSON編輯器，訪(fǎng)問(wèn)地址：http://localhost:3000

使用

把我們需要在Swagger中編輯的請(qǐng)求參數(shù)給拷貝過(guò)來(lái)，JsonVisio可以支持編輯、格式化、清空和保存等操作；

當(dāng)我們的JSON格式出錯(cuò)時(shí)，會(huì)給出提示；

還可以支持根據(jù)JSON格式生成樹(shù)狀圖。

到此，關(guān)于“配合Swagger使用的JSON可視化工具是什么”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！