相关的名词

  • mock 数据
  • 挡板

都是表示的同一个意思。

应用场景

支付场景：
调用支付接口，如果支付成功前端页面会显示成功，支付失败前端页面会显示失败。
挡板(mock)操作 - 图1

在测试支付接口的时候，因为涉及到第三方支付，另外支付需要使用真的钱💴进行支付。在测试环境中很不方便。
这个时候可以使用挡板系统（mock数据）方式 造一条假数据。模拟成功的返回或者是失败的返回。
主要测试前端拿到这些返回结果之后能不能正常的显示。

AutoResponder 设置

image.png
以账户余额为例，模拟一条假数据。

添加过滤器

找到小程序的进程，在【Filters】中添加过滤。
image.png

抓包

操作小程序，找打对应的接口
image.png

修改服务器返回的结果

将服务器返回结果保存到文件中
在记事本中打开 返回结果
image.png

在记事本中手动修改结果的值
image.png
改为之后将文件保存到本地，格式设置为 json格式。
image.pngimage.png
文件格式选择 utf-8， 文件名后缀为 json格式。
点击【保存】

设置自动响应

打开【Auto Responder】面板
开启选项。
image.png

添加规则

选择对应的接口请求。点击【Add rule】
image.png
在对应的规则下 选择添加文件
image.png
打开已经修改好的json文件
image.png
点击【save】保存
image.png

测试挡板

重新在小程序上打开我的页面。可以看到返回的结果是自己刚才修改的结果。
image.png

相关问题

如果返回结果没有自动解码的话，返回的结果中会有错误。所以先解码
image.png
选中 【Decode】 即可。