Charles图文结合一目了然--对着配置完直接使用

特点:跨平台，可以在Windows，mac，Linux都可以用，可以按照域名也可以按照接口，两种方式查看，可以直接选择 2g，3g,4g方便弱网

下图是6个常用配置

1.过滤器：在recording setting(访问控制)里增加要抓的服务器的ip，就会只抓这个服务器的

2.访问控制：控制哪些ip运行访问Charles，默认本机都是允许的，过滤器是控制抓的包，访问控制是控制访问Charles

3.抓取https报文：

1.安装ssl根证书

参考下面网站的安装步骤

2.设置https代理设置

在ssl proxying setting

4.抓app的数据报文(基于https协议，所以要先设置可以抓https协议)

第一步.保持电脑和手机在同一网段(同个无线或者热点)

第二步.设置手机代理：手机和电脑在同一wifi下，用数据线连接手机和电脑，还要打开开发者选项，打开无线设置代理选择手动，填写电脑的IP和fiddler的端口8888，填上之后，Charles可能会弹窗，点允许，

第三步.下载并设置手机的根证书：访问chls.pro/ssl,进入后下载然后命名文件为Charles，就可以抓到app的包了，有的手机只能下载不能安装，就去通用-》VPN与设备管理-》选中Charles Proxy CA-》安装

特别点：ios手机还需要在设置 - 通用 - 关于本机 - 证书信任设置里信任证书

   或者 通用-》关于本机-》证书信任设置-》启用

5.网络挟持和篡改，mock数据

意义：1.可以在接口联调阶段去模拟一些数据，2.线上调试，线上有bug，先自己改以下能不能成功

第一步：选择要改的报文，右击选择break points，

第二步1:在proxy里选择 breakpoits settings

第三步：重新发送请求，然后篡改请求和响应数据(重新发送后，刚刚设置的会被截断，点击该请求可以在右边部分改他的请求和响应)，改完之后，点击execute执行，就可以在项目页面看见更改后的效果，用完之后点击下面的图标，关掉断点配置，以及删除breakpoits settings 里的数据

                           

6.弱网测试

proxy里选择throttle settin

7.定位前后端的bug：通过请求的请求数据和响应数据来判断，比如响应数据和前端看到的不一样，那就是前端渲染解析的问题了，响应数据和前端展示是一样的，但不是我们想要的数据，那就代表后端返回的有问题