可视化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语法的门槛，只需点下按钮选择参数便可快速建立丰富的虚拟格式数据。

固然，目前的可视化操做还有待继续优化，所支持的数据类型及规则还没法最好的适应全部场景；期待咱们的更新与迭代吧！