阿萨学工具:Apifox 用Mock.js写高级Mock的期望

489 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第3天,点击查看活动详情

大家好,我是阿萨。今天周一,又是元气满满地一天。今天继续学习Apifox工具。继上周学完阿萨学工具:Apifox的高级Mock 功能。今天我们学习下如何使用Apifox的Mock.js 和nunjucks写高级Mock里的返回值。
学习今天的内容之前, 建议大家先学习下: 1.nunjucks的学习网址: nunjucks.bootcss.com/templating.…

2.Mockjs 的网址:mockjs.com/examples.ht… 

我们接口返回的数据有时候经常是一组数据,比如请求未发货的订单明细。订单明细中包含,订单号,订单客户姓名,订单产生日期。而且它必须是一组数据。针对这样的Mock数据,我们如何使用高级Mock 来生成呢?

  1. 我们新建一个获取 订单列表,并且还正在开发中的接口。

  2. 设置 参数类型为枚举值的已发货,未发货,退货。

  3. 设置响应结果为 订单列表。

  4. 点击【高级Mock】----【期望】---【新建期望】

图片


5. 在返回结果的body里输出下面代码内容。【保存】

图片

示例代码:这中间需要用到Mock 规则里的一些内容,请参考如下链接。www.apifox.cn/help/app/mo…

{"data": [{% for i in range(0, 20) -%}{"orderId": {{i}},"customerName": "@name","orderDate": "@date('yyyy-MM-dd')",},{%- endfor %}],"success": true}


6. 查看运行结果。达到预期。

图片


今天的目标达成。

你学会了吗?如果你喜欢今天的文章,欢迎点赞,关注。