fiddler-10-结合 Mock.js 伪接口数据进行测试（下）

Posted 2021-03-17 广深-小龙 --扬帆起航！

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了fiddler-10-结合 Mock.js 伪接口数据进行测试（下）相关的知识，希望对你有一定的参考价值。

前言

你会mock吗？第三方支付接口怎么测？数据只有一条，测不到前端的分页功能？

常见的 Mock 方式：

将模拟数据直接写在代码里
利用 javascript 拦截请求
利用 Charles、 Fiddler 等代理工具拦截请求

本篇利用 fiddler 拦截，当您学会使用 fiddler 拦截 + Mock.js 后你会认识到它的强大的原因之一，不扯了直接开始吧。

一、生成多条数据进行测试

1、fiddler 抓包将接口返回数据拿下。

2、粘贴至 mock.js 创建接口，点击一下【格式化】美化您的数据：

3、删减，我们只要一条数据就好了，如下：

4、开始 Mock.js 常用语法表演：

{
  "msg": "查询成功",
  "obj": {
    "current": 1,
    "field1": "",
    "field2": "",
    "item": null,
    "pages": 1,
    "records|10": [{                    // 每页 10 条数据，我们写固定10条显示
      "updateDate": "@datetime",        // 随机日期 + 时间
      "num": 100,
      "delFlag": "0",
      "type": "1",
      "cateName": "加盟优惠券:@cname",  // 随机名称
      "isUp": "1",
      "updateBy": "@id",                // 随机id
      "premise": "0",
      "scope": "3",
      "showHide": "1",
      "startTime": "@datetime",         // 随机日期 + 时间  
      "id": "@id",
      "state": "1",
      "isRepeat": "0",
      "day": 0,
      "createDate": "@datetime",       // 随机日期 + 时间  
      "useExplain": "会场活动:@cname", // 随机名称
      "howMany": 0,
      "timeLimit": "1",
      "limitGet": "55",
      "createBy": "@id",             // 随机id
      "money|100-1000": 100,         // 随机面值： 100-1000
      "name": "满减优惠：@cname",    // 随机名称
      "endTime": "@datetime",
      "remarks": ""
    }],
    "size": 10,
    "total|5-25": 5                 // 10个一页，随机 5-15 个，那么将有1-3页
  },
  "status": "1",
  "success": true
}