可視化Mock工具——VirAPI，快速建立虛擬格式化數據

VirAPI -- 非侵入式在線虛擬數據請求返回接口，可視化建立豐富多樣的數據格式，請求便可得你所須要的響應數據。

抱着激動的心情在此向你們隆重介紹：可視化建立虛擬接口功能上線啦！！！ 告別須要瞭解Mock語法的限制，直接可視化定義豐富多樣的數據格式（好比常見的：IP、URL、暱稱姓名、郵箱地址、時間日期、圖片地址、字符串文本、數值、布爾值、數組、Map對象...），讓小白也能無門檻的快速上手建立虛擬數據接口。輕快友好，是VirAPI平臺的理念。

那麼可視化操做起來會不會缺乏靈活性並添加複雜度呢？接下來我們用實際使用的案例來給你們演示一下。

1. 選擇建立可視化接口

首先，登陸VirAPI後臺控制系統，在頁面頂部菜單欄右側，選擇點擊【新建接口】進入建立頁面。具體接口建立的步驟這裏就再也不作詳細介紹，有興趣的小夥伴能夠參見《新手入門02-新建接口》。

此時在設置「對應響應數據(data)」時，會發現右側有兩個模式按鈕：可視化（默認）和 MockJS。你能夠根據須要選擇合適的方式建立。設置並保存後，暫不支持更改；請注意！

• 可視化: 利用系統設計的友好型可視化控件，快速上手自定義虛擬返回數據格式；
• MockJS: 藉助MockJS語法，實現編程式自定義虛擬返回數據格式。

此時選擇可視化模式，便可以直接點擊下方的「新增字段」按鈕來可視化界面建立所須要的響應數據格式了。

2. 新增字段

點擊「新增」字段按鈕後，響應數據區即會出現一個字段編輯塊。
主要由 字段鍵名、數據類型、規則、描述、編輯按鈕 組成。

• 字段鍵名：即所返回數據的字段名，不能爲空，且長度最多爲36個字符；
• 數據類型：當前字段的數據類型，當前支持String、Number、Boolean、Array、Object五個大類，不一樣數據類型其「規則」也會不一樣；
• 規則：即給該字段在當前數據類型下的具體數據格式設置規則，以數據類型爲「String」爲例，規則可設定爲：基本字符串、標題、段落、姓名、圖片地址、電子郵箱、IP、URL、日期時間、結果集挑選等等；
• 描述：即該字段的含義描述，可選填。

3. 字段數據類型及規則介紹

當指定字段所屬數據類型後，可點擊「規則」按鈕，爲該字段限制具體的數據格式。

當數據類型爲「Number」時，可指定其數值形式：

• 整數：即設置該字段爲整數型字段，支持設置其取值範圍（最大最小值）；
• 浮點數：即設置該字段爲整數型字段，支持設置其取值範圍（最大最小值），以及小數位精度；
• 結果集挑選：即設置該字段的值會從該設置的結果集中隨機挑選一個。

當數據類型爲「String」時，可指定其數值形式：

• 基本字符串：即設置該字段爲任意字段字符串，支持設置其字符指定固定長度或長度範圍；
• 單詞文字：即設置該字段爲英文單詞文字，支持設置其字符指定固定長度或長度範圍；
• 中文標題：即設置該字段爲中文標題字符串，支持設置其字符指定固定長度或長度範圍；
• 句子：即設置該字段爲英文句子，支持設置其字符指定固定長度或長度範圍；
• 中文段落：即設置該字段爲中文字符串段落，支持設置其字符指定固定長度或長度範圍；
• 中文姓名：即設置該字段爲中文姓名暱稱；
• 圖片地址：即設置該字段爲在線網絡圖片URL，支持設置其圖片的寬高尺寸，以及圖片格式類型（png、jpg等）；
• 電子郵箱：即設置該字段爲電子郵箱格式字符串，支持自定義郵箱後綴域名；
• IP：即設置該字段爲網絡IP字符串；
• 全局惟一標識符：即設置該字段爲可作惟一標識的字符串；
• URL：即設置該字段爲URL地址，支持自定義對應網絡協議（如http、https、ftp等）；
• 日期時間：即設置該字段爲時間日期字符串，可指定日期字符串的格式，如yyyy年MM月dd日 HH:mm:ss；
• 結果集挑選：即設置該字段的值會從該設置的結果集中隨機挑選一個。

當數據類型爲「Boolean」時，可指定值爲false時的機率（0至100之間）。

當數據類型爲「Object」時，可指定值爲null時的機率（0至100之間）；且還可爲其添加子字段屬性。

當數據類型爲「Array/String」、「Array/Number」、「Array/Boolean」、「Array/Object」時，可設置該數組的固定長度或長度範圍，且還可再指定數組內元素的規則。

4. 建立成功，提交保存

建立好響應數據字段後，點擊下方【建立接口】按鈕，即建立完成。是否是很簡單！

在接口列表頁可查看該接口，效果以下：

接下來我們再來看看經過網絡請求該接口，是否能獲得想要的格式數據：

👌簡直完美！

---

咱們相信可視化建立虛擬數據接口，可爲開發使用者提升建立效率，避免了還需學習Mock語法的門檻，只需點下按鈕選擇參數便可快速建立豐富的虛擬格式數據。

固然，目前的可視化操做還有待繼續優化，所支持的數據類型及規則還沒法最好的適應全部場景；期待咱們的更新與迭代吧！