一、抓包分析问题示例

1）问题描述

2）抓包分析

        这是后台响应回来的错误信息，说明问题一是后台的原因；但是后台只响应了一条信息，而前端页面却显示两条错误信息，说明前端页面处理异常的时候逻辑有问题；所以说前后端都有问题。

二、https抓包

        使用charles抓取https请求报文的时候，报文会出现乱码，解决办法是需要安装SSL证书。

三、Windows证书配置

四、Charles https代理配置

步骤一：在Charles窗 口中点击菜单“proxy” -> “SSL proxying setting'

步骤二：在打开的设置窗口中勾选“Enable SSL Proying’

步骤三：点击“OK”。

五、MacOS证书配置

六、IOS证书配置

七、Charles流量配置

步骤一：在Charles窗口中点击菜单“Proxy" ->“Throttle Setting”

步骤二：在打开的设置窗口中勾选“Enable Throttling'

步骤三：在“Throttle preset”下拉框中选择对应的网络类型

步骤四：点击“OK'

八、弱网测试的示例

流量配置之前：

流量配置之后：

九、Charles断点配置

作用：用来构建异常的测试场景。

1、右击接口链接，选择“Breakpoints”

2、在浏览器刷新对应接口的页面

3、此时会自动跳转到Charles并显示出接口请求信息

4、点击“Edit Request”，修改请求的信息，点击“Execute“

5、点击“Edit Response”

6、在数据格式栏中选择合适的显示格式，比如“Json”

7、修改对应的数据，点击“Execute ”

8、回到浏览器查看数据应该为修改之后的Response的信息

十、断点调试实例

1）开启断点调试

2）通过Charles对请求数据进行篡改

3）通过Charles对响应数据进行篡改

十一、Charles抓包实战总结