Fiddler 快速模拟 mock

背景：

当一些数据无法通过页面创建/改库生成，可以通过 Fiddler 快速模拟 mock

举个例子：
可能大家对上面的背景有所疑惑，什么数据是无法通过通过页面创建/改库生成呢

以我们产品某页面举例：

需求：

目前今日实时投放效果次数显示单位有这么一个需求：

小于 1000 显示原始值
大于 1,000 ，小于等于 1,000,000 （1百万）显示 . K，
大于 1,000,000 小于 1,000,000,000 （10亿）显示 . M，保留一位小数

可以看到上面需求，需要如果要真实的数据，需要触发上百万的数据，就算通过自动化的方式也很慢

且今日实时投放效果的数据没有在DB中，是从 Redis 中取的，也无法通过改库实现。

大家都知道，前端渲染的内容是根据后端返回的数据来定~

Fiddler 模拟 mock 的原理是通过 Fiddler 抓包 → 修改 Response → 来达到我们的目的~

前提：

1、开启过滤

当我们要去抓包时，我们最好先对我们的域名进行过滤~ 不然茫茫请求，找我们想要的请求太难啦 T ^ T

2、我们系统的请求 HTTPS 开头，Fiddler 默认是只能抓 HTTP 的包，所以这里需要自己找资料配置下噢！

3、最重要的一点：我们要明白，我们想要修改的数据，是哪一个请求返回的，不然一切白费啦…

这里我找到了我要修改对应 Response 的请求：https://{domain}/api/delivery/lineorders/17666/report/realtime/metrics_summary?metrics=req&metrics=bid&metrics=imp&metrics=clk

步骤：

1、
创建一个txt文件，贴上我们模拟的json字符串：

1.1、先从 Response 中复制压缩后的 Response json内容，到在线 json：http://www.bejson.com/ 工具，转 json

1.2、转 json 后，比较清晰方便的去修改字段值

1.3、修改好我们要验证的数据后，再将 Response json 压缩

1.4、保存为 txt 文件，自己要记住文件存放地址噢…

2、
打开 Fiddler → 点击右侧 AutoResponder → 勾选三个选项，如图所示：

3、
在 Fiddler 中成功抓到对应的包后，选中请求 → 点击 “Add Rule” 添加到右框中（或者直接拖动左侧请求到右框中），如图所示：

4、
点击右框最下方的框 → 展开选项 → 选择 “Find a file” → 选择你刚刚创建的 txt 文件 → 再点击 “Save”，如图所示：

5、
刷新下系统对应页面，发现后端返回已经变成我们构造 Response 啦~ 这样我们就可以验证实现与需求是否一致啦，如图所示：

Fiddler 模拟 mock 后：

Fiddler 模拟 mock 前·：

6、
取消 Fiddler 模拟 mock 的方式

6.1、取消勾选 Rule

6.2、取消勾选 Enable rules

6.3、退出 Fiddler

注意事项

测试期间遇到了 Fiddler 突然抓不到包的情况，可以看看是不是开启了一些浏览器的插件，我当时是开启了插件：Proxy SwitchyOmega ，如果开启插件：Proxy SwitchyOmega，是无法抓到包的。需要停用。

补充

在还没有想到用 Fiddler 快速模拟 mock之前，有小伙伴提到，可以通过下图这种方式修改数据，如图所示：

这种方法是达不到前端渲染效果的，只能单纯的显示 …

Fiddler 快速模拟 mock相关推荐

走进Java接口测试之简单快速的Mock Server Moco
文章目录一.引言二.简介三.原理四.使用 1.约定请求 URI 2.约定请求 Queries 3.约定请求 Get 方法 4.约定请求 Post 方法 5.约定请求 Headers 6.约定请 ...
使用 Fiddler工具模拟post四种请求数据
前言: Fiddler是一个简单的http协议调试代理工具,它界面友好,易于操作,是模拟http请求的利器之一. 在接口测试中,接口通常是get请求或者post请求.get请求的测试一般较为简单,只需 ...
Fiddler快速入门
Fiddler是一个免费.强大.跨平台的HTTP抓包工具.Wireshark也是一个强大的抓包工具,不过Wireshark是一个通用的抓包工具,主要精力放在各种协议上了,针对HTTP的特定功能较少.所 ...
fiddler扩展模拟弱网络环境设置
今天在qq群中有人问到怎么模拟app弱网络环境,我查了下资料,记得之前做测试的时候是设置fiddler断点,app请求后止于fiddler断点,app一直拿不到响应结果就应该要给出网络请求失败的提示, ...
Fiddler之模拟弱网测试
这里使用的fiddler工具至于fidder网络代理设置就不多说了模拟网速: 1.启动Fiddler,打开菜单栏Rules---Performances---Simulate Modem Speed ...
Fiddler进行模拟Post提交json数据，总为null解决方式
Request Headers: User-Agent: Fiddler Host: localhost:3248 Content-Type: application/json; charset=ut ...
【华为云技术分享】前端快速建⽴Mock App
DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师. 官方网站:devui.design Ng组件库:ng-devui(欢 ...
利用计算机模型进行快速模拟和预测,数学模型在生物信息学优秀教学中应用.doc...
数学模型在生物信息学优秀教学中应用 PAGE PAGE ii 目录 TOC \o "1-3" \h \z \u HYPERLINK \l "_Toc232411377& ...
mock模拟接口测试 vue_Easy Mock以及Vue+Mock.js模拟数据
Easy Mock以及Vue+Mock.js模拟数据一.Mock.js简介 Mock.js是一个可以模拟后端数据,也可以模拟增删改查操作的js库基础语法规范数据模板中的每个属性由 3 部分构成: ...

Fiddler 快速模拟 mock

背景：

需求：

前提：

步骤：

注意事项

补充

Fiddler 快速模拟 mock相关推荐

最新文章

热门文章