关于前端:用-Apifox-的-Mock-功能模拟常见业务数据的最佳方法

7次阅读

共计 1193 个字符,预计需要花费 3 分钟才能阅读完成。

Apifox 领有弱小的 Mock 性能,兼容 Mock.js 语法 的同时还提供 Nunjucks 和自定义脚本反对,可能满足不同场景需要。

明天给大家分享一些常见业务场景的 Mock 应用技巧,当然,实现的办法不惟一。在开始之前,你须要将 Apifox 的以后环境切换为 「本地 Mock」 或 「云端 Mock」 环境。

模仿简略数据

要模仿一些简略的数据,只需在 「返回响应」 里定义字段,零碎便会 主动应用「智能 Mock」规定生成数据

响应字段能够是简略的数据结构,也能够是简单的数据结构(如嵌套对象、数组等)。

通过 「智能 Mock」 主动生成的数据:

模仿列表数据

当页面须要展现多条数据(如文章列表、商品列表等)时,要疾速生成几十条甚至几百条数据,能够在 「高级 Mock」里新建一个「冀望」,并通过 Nunjucks 语法写一个 for 循环即可

或者更简略一点,不应用「高级 Mock」,间接限定字段的 「最大 / 最小元素个数」 即可:

生成的示例数据:

模仿分页数据

当数据须要分页展现时,能够在「高级 Mock」外面编写脚本来模仿分页数据。

自定义的脚本反对获取接口的申请参数,你能够依据申请参数(比方当前页、页容量)来实现不同的业务逻辑。

例如当初设置一个 “总数据有 120 条,每页的页容量为 100 条,依据不同的页码返回不同数据” 的脚本,其脚本如下:

当前页为 1,页容量为 100 时,返回 100 条数据:

当前页为 2,页容量为 100 时,返回 20 条数据(因为总共 120 条数据,到第二页时只剩 20 条):

当前页为 3,页容量为 100 时,返回 0 条数据(因为总共 120 条数据,到第三页时曾经没有数据了),你也能够抉择在这里定义“抛出谬误”的脚本。

模仿申请提早

在理论网络环境中,接口响应会有肯定的提早。模仿提早能够测试加载状态下的页面展现成果,确保用户体验良好。

要模仿提早非常简单,只须要 在「高级 Mock」的「冀望」里设置返回延迟时间 即可:

模仿谬误状态

测试利用的错误处理和容错机制时,能够模仿不同类型的谬误响应,如 404 Not Found、500 Internal Server Error 等。

同模仿提早一样,模仿谬误状态也只须要 在「高级 Mock」的「冀望」里设置返回的 HTTP 状态码 即可:

其它数据模仿

诚然,通常应用 Mock 数据的申请次要是 GET 申请。然而,尽管 Apifox Mock 自身更加专一于模仿 GET 申请,然而你依然能够应用一些技巧来模仿其余类型的申请,如 PUT、DELETE、POST 等。

假如你正在开发一条登录接口,你可能会思考登录胜利以及登录失败的状况,这时候就能够 在「高级 Mock」里新建不同的「冀望」,以返回不同的预期

Apifox 提供了多种 Mock 办法,可能轻松生成演示数据,模仿各种场景,高效晋升开发和测试效率。它既反对前端独立开发,也可集成到 自动化测试 中,是接口开发调试的好帮手。

更多 Mock 相干常识:

  • Mock 语法解说
  • Mock.js 实例:疾速入门
正文完
 0