VirAPI -- 非侵入式在线虚拟数据请求返回接口,可视化创建丰富多样的数据格式,请求即可得你所需要的响应数据。

抱着激动的心情在此向大家隆重介绍:可视化创建虚拟接口功能上线啦!!! 告别需要了解Mock语法的限制,直接可视化定义丰富多样的数据格式(比如常见的:IP、URL、昵称姓名、邮箱地址、时间日期、图片地址、字符串文本、数值、布尔值、数组、Map对象...),让小白也能无门槛的快速上手创建虚拟数据接口。轻快友好,是VirAPI平台的理念。

那么可视化操作起来会不会缺少灵活性并添加复杂度呢?接下来咱们用实际使用的案例来给大家演示一下。

1. 选择创建可视化接口

首先,登录VirAPI后台控制系统,在页面顶部菜单栏右侧,选择点击【新建接口】进入创建页面。具体接口创建的步骤这里就不再做详细介绍,有兴趣的小伙伴可以参见《新手入门02-新建接口》

此时在设置“对应响应数据(data)”时,会发现右侧有两个模式按钮:可视化(默认)和 MockJS。你可以根据需要选择合适的方式创建。设置并保存后,暂不支持更改;请注意!

  • 可视化: 利用系统设计的友好型可视化控件,快速上手自定义虚拟返回数据格式;
  • MockJS: 借助MockJS语法,实现编程式自定义虚拟返回数据格式。

image

此时选择可视化模式,即可以直接点击下方的“新增字段”按钮来可视化界面创建所需要的响应数据格式了。

2. 新增字段

点击“新增”字段按钮后,响应数据区即会出现一个字段编辑块。
主要由 字段键名、数据类型、规则、描述、编辑按钮 组成。

  • 字段键名:即所返回数据的字段名,不能为空,且长度最多为36个字符;
  • 数据类型:当前字段的数据类型,当前支持String、Number、Boolean、Array、Object五个大类,不同数据类型其“规则”也会不同;
  • 规则:即给该字段在当前数据类型下的具体数据格式设置规则,以数据类型为“String”为例,规则可设定为:基本字符串、标题、段落、姓名、图片地址、电子邮箱、IP、URL、日期时间、结果集挑选等等;
  • 描述:即该字段的含义描述,可选填。

image

3. 字段数据类型及规则介绍

当指定字段所属数据类型后,可点击“规则”按钮,为该字段限制具体的数据格式。

当数据类型为“Number”时,可指定其数值形式:

  • 整数:即设置该字段为整数型字段,支持设置其取值范围(最大最小值);
  • 浮点数:即设置该字段为整数型字段,支持设置其取值范围(最大最小值),以及小数位精度;
  • 结果集挑选:即设置该字段的值会从该设置的结果集中随机挑选一个。

当数据类型为“String”时,可指定其数值形式:

  • 基本字符串:即设置该字段为任意字段字符串,支持设置其字符指定固定长度或长度范围;
  • 单词文字:即设置该字段为英文单词文字,支持设置其字符指定固定长度或长度范围;
  • 中文标题:即设置该字段为中文标题字符串,支持设置其字符指定固定长度或长度范围;
  • 句子:即设置该字段为英文句子,支持设置其字符指定固定长度或长度范围;
  • 中文段落:即设置该字段为中文字符串段落,支持设置其字符指定固定长度或长度范围;
  • 中文姓名:即设置该字段为中文姓名昵称;
  • 图片地址:即设置该字段为在线网络图片URL,支持设置其图片的宽高尺寸,以及图片格式类型(png、jpg等);
  • 电子邮箱:即设置该字段为电子邮箱格式字符串,支持自定义邮箱后缀域名;
  • IP:即设置该字段为网络IP字符串;
  • 全局唯一标识符:即设置该字段为可做唯一标识的字符串;
  • URL:即设置该字段为URL地址,支持自定义对应网络协议(如http、https、ftp等);
  • 日期时间:即设置该字段为时间日期字符串,可指定日期字符串的格式,如yyyy年MM月dd日 HH:mm:ss;
  • 结果集挑选:即设置该字段的值会从该设置的结果集中随机挑选一个。

image

当数据类型为“Boolean”时,可指定值为false时的概率(0至100之间)。

当数据类型为“Object”时,可指定值为null时的概率(0至100之间);且还可为其添加子字段属性。

当数据类型为“Array/String”、“Array/Number”、“Array/Boolean”、“Array/Object”时,可设置该数组的固定长度或长度范围,且还可再指定数组内元素的规则。

image

4. 创建成功,提交保存

创建好响应数据字段后,点击下方【创建接口】按钮,即创建完成。是不是很简单!

在接口列表页可查看该接口,效果如下:
image

接下来咱们再来看看通过网络请求该接口,是否能得到想要的格式数据:

image

👌简直完美!


我们相信可视化创建虚拟数据接口,可为开发使用者提高创建效率,避免了还需学习Mock语法的门槛,只需点下按钮选择参数即可快速创建丰富的虚拟格式数据。

当然,目前的可视化操作还有待继续优化,所支持的数据类型及规则还无法最好的适应所有场景;期待我们的更新与迭代吧!


bluvenr
21 声望0 粉丝

记录学习过程、项目想法、开发思路、实战步骤...