可视化创建虚拟数据接口功能上线,不用会Mock也能快速创建虚拟接口啦!

发布在VirAPI官网

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


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

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

1. 选择创建可视化接口

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

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

可视化&MockJS两种创建模式

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

2. 新增字段

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

可视化创建字段

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

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

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


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

设置响应数据字段规则


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


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


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

数组类数据设置规则

4. 创建成功,提交保存

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

在接口列表页可查看该接口,效果如下: 接口列表页下可视化创建接口的效果

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

请求可视化接口响应结果

👌简直完美!



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

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



本项目将会持续进行维护与更新,若你有好的想法或发现有什么bug,欢迎通过Gitter提交与交流。再次感谢你的关注与支持!