Apifox 中如何拼接 Mock 函数?图文教程

Apifox 中如何拼接 Mock 函数?图文教程

Mock 函数是什么呢?简单来说,它就是一个用来模拟后端接口返回值的功能。比如说,后端同学还在忙着开发接口,而作为前端的我已经迫不及待要开始工作了。这时候,我就可以用 Mock 函数来模拟后端接口的返回值,继续我的开发而不用等待。


在 Apifox 中使用 Mock 功能非常的方便,你只需要在接口的返回响应的数据结构中,选择相应的字段并填写相应的 Mock 规则即可,Apifox 在接口字段中为你列出了常用的可选 Mock 规则列表,一般情况下够用了。

Apifox 拼接 Mock 函数


但是,在某些情况下,我们可能希望某个字段输出遵循特定规范的数据,例如要求“address”字段的格式为“XX 市 XX 街/路 XX 号”。在这种情况下,现有的单个 Mock 函数可能不足以满足需求。为了解决这个问题,我们可以组合使用多个 Mock 函数来实现所需的输出,具体方法见下文。

拼接 Mock 函数的步骤

1.选择字段并使用 Mock 函数

为了拼接 Mock 函数,首先需在接口内部确定返回数据的结构,并声明所需字段。完成这些步骤后,便可以在相应字段上拼接 Mock 函数。比如有一个“address”字段,要求的输出格式为“XX 市 XX 街/路 XX 号”,我就可以这么拼接:

@city@integer(1,9999)@pick(['街','路'])@integer(1,100)号

在将 Mock 进行拼接时,我们可以将填写框放大。

Apifox 拼接 Mock 函数
Apifox 拼接 Mock 函数

其中,@city表示城市;@integer表示数字,并规定最小值为 1,最大值为 9999;@pick表示“多选一”,即从里面定义的数组值选一个出来。Mock 函数拼接完成后,点击“确定”按钮保存即可,到这一步,我们其实已经完成了 Mock 函数的设置。

💡
相关的 Mock 语法你可以参考这里的帮助文档

2.测试 Mock 数据

接下来,来到运行页,点击“发送”按钮,发送一个请求看看,是不是返回了我们通过 Mock 函数设置的数据呢?毫无疑问,它是的。

Apifox 拼接 Mock 函数

总结

Mock 函数是用于模拟后端接口返回值的工具,可在前端开发过程中提前获取数据,而不必等待后端开发完成。在 Apifox 中使用 Mock 功能方便快捷,但某些特定输出需求可能需要组合多个 Mock 函数实现。更多详细信息你可以访问 Apifox 帮助文档的 Mock 模块

知识扩展:

订阅
qrcode

订阅

随时随地获取 Apifox 最新动态