作為開發(fā)者，包括前端、后端、測試人員最離不開的一個(gè)工具就是Postman，方便我們用來做API接口進(jìn)行調(diào)試。但 Postman并不完全符合我們對API的各種需求，比如維護(hù)API文檔、API Mock、API自動化測試等等。最近發(fā)現(xiàn)一款A(yù)PI一站式服務(wù)的工具：Apifox，毫不夸張的說吊打Postman！

1.關(guān)于Apifox

Apifox 是 API 文檔、API 調(diào)試、API Mock、API 自動化測試一體化協(xié)作平臺，定位 Postman + Swagger + Mock + JMeter。一站式服務(wù)解決多個(gè)系統(tǒng)之間的數(shù)據(jù)同步問題。

2. 如何安裝

首先，我們打開Apifox官網(wǎng)：https://www.apifox.cn/，根據(jù)我們系統(tǒng)選擇要下載的版本，這里以Macos版本為例子

官網(wǎng)界面

首先我們需要創(chuàng)建一個(gè)團(tuán)隊(duì)，Apifox支持團(tuán)隊(duì)管理，你可以把自己團(tuán)隊(duì)的小伙伴邀請加入進(jìn)來。而且支持云端數(shù)據(jù)共享！方便團(tuán)隊(duì)成員間協(xié)作

創(chuàng)建團(tuán)隊(duì)🔧

然后我們在該團(tuán)隊(duì)中創(chuàng)建項(xiàng)目，Apifox的項(xiàng)目進(jìn)行權(quán)限管理（比如管理員設(shè)置、只讀權(quán)限等等）

創(chuàng)建項(xiàng)目📚

創(chuàng)建項(xiàng)目成功，我們開始進(jìn)行體驗(yàn)Apifox強(qiáng)大的功能！

Apifox很體貼，提供了一個(gè)寵物商店完整CRUD的API Demo給用戶使用，方便新用戶第一時(shí)間可以通過Demo嘗鮮！如下圖👇

Demo 嘗鮮

3.支持API文檔導(dǎo)入

Apifox支持導(dǎo)入Swagger、Postman、RAP2、JMeter、YApi、Eolinker、Apizza、ShowDoc、apiDoc等多達(dá)20種工具的導(dǎo)入。看得出市場上大部分?jǐn)?shù)據(jù)類型Apifox都兼容了，我們再也不用擔(dān)心數(shù)據(jù)遷移的問題了！

接下來聊聊如何通過Apifox導(dǎo)入接口文檔

通過點(diǎn)擊下圖所示的導(dǎo)入按鈕 👇

導(dǎo)入接口文檔📒

然后在導(dǎo)入界面中的數(shù)據(jù)格式選項(xiàng)中選擇Swagger，并選中URL導(dǎo)入Tab按鈕，最后輸入Swagger的數(shù)據(jù)Url即可 👇

導(dǎo)入接口文檔📒

成功導(dǎo)入后，將會顯示導(dǎo)入預(yù)覽面板，顯示內(nèi)容包括：要導(dǎo)入的接口、數(shù)據(jù)模型等，Apifox將會把我們接口返回的實(shí)體類轉(zhuǎn)換為數(shù)據(jù)模型，方便下次復(fù)用

生成接口數(shù)據(jù)

當(dāng)完成以上步驟后就可以開始調(diào)試接口了。下圖中我們可以發(fā)現(xiàn)APifox對查看文檔和修改文檔分成兩個(gè)Tab模塊，方便我們管理接口文檔。

4.接口管理

玩轉(zhuǎn)上面的流程后，我們開始核心基礎(chǔ)功能的體驗(yàn)。比如單個(gè)接口的編輯與調(diào)試

4.1 接口設(shè)計(jì)

接口離不開接口請求參數(shù)，以及各個(gè)參數(shù)的說明。而這方面Apifox界面中的參數(shù)說明很詳細(xì)！

請求參數(shù)界面

講完請求參數(shù)，我們看下返回結(jié)果界面，結(jié)果呈現(xiàn)樹狀結(jié)構(gòu)，重點(diǎn)是支持折疊。國內(nèi)大多同類型軟件都是沒有的！

返回結(jié)果界面

最后我們看下另外一個(gè)Tab功能模塊修改文檔，支持狀態(tài)修改、分組和標(biāo)簽功能

4.2 接口調(diào)試

說到接口調(diào)試，我相信你一定會第一想到postman，但是你可能還不知道我們國人做的Apifox功能比Postman更強(qiáng)大

Apifox支持環(huán)境配置，默認(rèn)給我們設(shè)定了三種環(huán)境：正式環(huán)境、測試環(huán)境、Mock服務(wù)。方便我們在開發(fā)接口時(shí)，針對不同環(huán)境的場景可以做相應(yīng)的配置

多種環(huán)境支持

當(dāng)你開始調(diào)試接口之前，我們需要先配置好環(huán)境所定義的 前置Url, 這里以正式環(huán)境為例

設(shè)置前置Url

同時(shí)Apifox支持在接口調(diào)用前、接口調(diào)用返回后，做一些自定義操作。在Apifox界面中分別稱為前置操作和后置操作。以后置操作作為例子

前置操作 & 后置操作

我們在其中一個(gè)接口的后置操作中添加一個(gè)斷言，假若接口返回 code=200, 則表示操作成功

支持?jǐn)嘌?p>最后我們調(diào)用該接口，來驗(yàn)證下這個(gè)功能！發(fā)現(xiàn)斷言結(jié)果跟我們預(yù)期不一致！

5.自定義腳本

前文我們介紹了Apifox強(qiáng)大的前置操作、后置操作功能，支持自定義，不僅僅支持簡單的斷言和提取變量，還能自定義腳本（自己編寫JS文件）

支持自定義腳本 ??

同樣，我們用上述的自定義腳本來校驗(yàn)我們的接口返回?cái)?shù)據(jù)

6.前端 Mock 數(shù)據(jù)

Mock數(shù)據(jù)也是Apifox強(qiáng)大的功能之一，號稱零配置即可生成非常人性化的mock數(shù)據(jù)。

那我們來看看Apifox都內(nèi)置了哪些智能規(guī)則 👇

預(yù)設(shè)Mock規(guī)則

其中有一個(gè)特別有愛的規(guī)則是@image，我們根據(jù)選擇不同尺寸mock出不同的圖片 如下圖配置👇

Mock 圖片 🖼?

當(dāng)你覺得Apifox內(nèi)置的Mock功能不夠滿足你的應(yīng)用場景，我們又可以自定義了，支持前端熟悉的Mock.js 語法編寫mock規(guī)則 👇

支持Mockjs拓展 🔧

當(dāng)你完成mock規(guī)則配置之后，只需將環(huán)境切換到Mock服務(wù)就可以開始調(diào)用Mock數(shù)據(jù)接口了！

接下來我們來看下通過Apifox Mock的數(shù)據(jù)是不是正如官網(wǎng)所說的人性化? 👇

人性化的Mock數(shù)據(jù) 🤩

哇！無論是圖片、ID還是數(shù)組對象中的數(shù)值，都按照我期望的格式返回了Mock數(shù)據(jù)。

如果官方默認(rèn)預(yù)設(shè)的Mock規(guī)則，還無法滿足你的場景，你再結(jié)合上文提到的通過Mockjs來自定義規(guī)則就可以了

7.彩蛋

Apifox除了擁有強(qiáng)大的功能之外，最吸引我的地方還有交互與設(shè)計(jì)。甚至還支持主題選擇，我個(gè)人偏向使用官方默認(rèn)的背景“暗色”及主色“湖藍(lán)”的搭配

最后

Apifox除了具備強(qiáng)大的功能之外，UI界面交互設(shè)計(jì)也是國內(nèi)同類型軟件無法媲美的。Postman有的接口調(diào)試功能它基本都有，還集成了Mock數(shù)據(jù)、API文檔管理、自動化測試等等功能。而且擴(kuò)展性也很好，比如自定義腳本、前置操作、后置操作等等。相信你體驗(yàn)完，你一定直呼哇塞！🤩

推薦閱讀

牛逼！Python常用數(shù)據(jù)類型的基本操作（長文系列第①篇）

牛逼！Python的判斷、循環(huán)和各種表達(dá)式（長文系列第②篇）

牛逼！Python函數(shù)和文件操作（長文系列第③篇）

牛逼！Python錯(cuò)誤、異常和模塊（長文系列第④篇）

總結(jié)

以上是生活随笔為你收集整理的让你直呼哇塞的API管理神器！的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。