Fiddler和Charles

一、Fiddler

四大应用：1、接口测试和接口调试（没有接口文档）

2、精准定位前后端bug

3、弱网测试

4、网络挟持和线上调试

1. fiddler的下载安装及证书生成器

官网下载：https://www.telerik.com/fiddler

证书生成器（FiddlerCertMaker.exe）：为了抓取https协议的包

2. fiddler抓包原理

3.fiddler重要功能

（1）导出包

（2）隐藏连接通道包，隐藏304的包

Host为Tunnel to的是通道包

（3）设置断点

点击before requests，下方会出现一个红色的按钮

（4）设置

（5）菜单栏

4.如何抓取想要的包

（1）设置过滤器

（2）有缓存时，客户端不会访问服务器，导致部分包抓不到

解决办法：在浏览器页面按shift+F5，清空缓存后刷新，此时可抓到所有请求的包

（3）确定哪个包是自己想要的

先清空不要的

查看剩下的包，确定想要的包

5.抓包后通过jmeter做接口测试

（1）请求方式及地址

（2）入参内容

（3）请求头

6.如何定位前后端的bug

（1）查看请求的参数是否有误（结合接口文档查看），若有问题，说明是前端的问题

（2）若参数没有问题，查看后端返回值，返回值有问题，则是后端的问题

7.fiddler做弱网测试

8.网络挟持和线上调试

若没有其他问题，就可以发生产环境

9.fiddler抓APP的包

（1）抓取https协议的包

若无法抓到https的包，重置证书后重启再进行抓包

（2）抓取APP的包

a.手机和电脑在同一网段

b.修改手机设置--找到网络--修改网络--修改服务器主机名为电脑的ip，端口为fiddler的监听端口

c.在手机上安装根证书：访问【ip:端口号】例如--192.168.0.8:8888

若手机连接失败，需设置以下选项，设置完成后重启fiddler

在手机上下载根证书并安装

d.查看是否抓包成功

（3）抓包报错

a.代开浏览器报错：载入时发生错误

解决办法：

二、Charles（了解）

1. Charles介绍、安装、破解、汉化

跨平台的抓包工具：windows、linux、mac；支持按域名或者接口的方式查看报文；弱网测试可直接选择网络类型

基于http、https协议的代理服务器

官网下载：https://www.charlesproxy.com/download/

启动慢、运行半小时会强制关闭，破解后可解决该现象

Charles也可汉化，需要中文汉化包

2. Charles抓包工具原理

如何设置代理及代理端口

3. 认识Charles

（1）设置

（2）过滤器

过滤需要展示的域名的包

（3）访问控制：控制哪些IP允许访问Charles，默认本机可访问

4.Charles抓包实践

（1）如何精准抓取需要的数据报文

（2）抓取到基于https协议的数据报文

a.安装SSL根证书

b.设置HTTPS代理配置

（3）抓取APP的数据报文

a.手机和电脑在同一网段

b.设置手机的代理（与fiddler步骤一致）

c.下载并设置手机的根证书，手机访问：chis.pro/ssl

（4）网络挟持和篡改，mock数据

线上调试

a.针对需要的请求设置断点

右键需要的请求--勾选breakpoints

b.在proxy--breakpoints settings中配置断点的设置

双击该请求可进行设置

需要编辑请求时，勾选request；需要编辑响应时，仅勾选response，不勾选request

c.重新发送请求（刷新页面），然后篡改请求和响应数据

查看页面，修改完成

（5）弱网测试

在proxy--throttle settings中设置

（6）定位前后端bug

a.响应数据与页面数据不一致--前端问题

b.响应数据不正确--后端问题