【Charles安装与使用教程】

下载配置

1. 安装Charles
2. 简单配置

• 安装charles证书并信任 Help->SSL Proxying-> Install Chrales Root Certificate
  
• 下载完成charles证书之后，在证书列表中搜索charles，双击打开，修改信任为使用信任
  
• 代理配置
  
  
• 勾选Proxy
  

常用功能介绍

多操作几次就熟练了，这里做个简单的介绍

iOS使用charles抓包

电脑端配置

1. 点击help > Local IP Address 获取电脑ip地址

2. 点击proxy > Proxy Settings 获取端口号

手机端设置

1. 手机与电脑连接同一网络,手机中设置代理，选择【无线局域网】设置>点击【配置代理】>【手动】，输入服务器和端口号，点击储存
   （输入本机【IP地址（10.100.91.46）】以及上面查看到的端口号【8888】）
   
   
2. 手机首次连接charles后发起任意http请求会弹出是否信任窗口，点击Allow（如弹出点错点到忽略，关闭应用重新打开走一遍即可）
   
3. 手机连接charles代理后，打开safari浏览器，地址栏输入chls.pro/ssl打开网页弹出尝试下载配置文件，点击允许
   
4. 手机下载的文件在【设置-通用-VPN与设备管理页面】页面下，点击charles证书选择信任根据提示进行安装
   
5. 安装成功后，在手机【设置-通用-关于本机-证书信任设置】，开启对charles的完全信任
   
   设置完毕，可以在charles抓取Https的请求，如遇到证书安装成功，已开启信任，使用浏览器提示网络不可用，查看是否使用了未安装证书的浏览器

PC端演示示例

• 将www.baidu.com域名加入breakpoints断点调试
  
• 刷新下页面或点击百度一下
  
• 请求已经被charles拦截，篡改数据并执行
  
• 得到最终结果
  

蓝桥SaaS抓包篡改数据示例

• 新增每日一讲，正常填写参数，开启charles断点（breakpoints）
  
• 点击提交后请求会被charles拦截
  
• 修改请求参数然后发送给服务端
  
• 得到篡改请求数据后的响应结果
  

Mock数据

为什么要mock数据：

• 测试环境接口不稳定
• 业务系统不是孤立存在的，关联方太多，而且关联系统常常出现不稳定的情况
• 接口未提测验收完成，前端测试提前介入

案例一、蓝桥业务数据大屏

在保证功能正常的前提下，报表业务最适合运用mock数据的方法来测试，可以很方便的模拟各种数据的展示图表效果，本次案例以蓝桥数据大屏为例
1、正常请求数字大屏，抓包

2、复制响应数据，保存到本地，如test.json文件

3、修改本地test.json文件

4、更改接口响应数据为本地自定义的json数据
5、再次请求接口（刷新页面）


6、取消Map Local
Tools -> Map Local -> Enable Map Local取消勾选即可

弱网操作

设置及用途

• 设置：Proxy–Throttle Settings…–勾选Enable Throttling 选择Throttle preset
  
  
• throttle preset 56kbps最慢越往下网速越快
  概念介绍：Bandwidth（带宽）、Utilistation（利用百分比）、Round-trip（往返延迟）、MTU（最大传输单元）可靠性就是丢包率
  3G：300k-2Mbps左右
  2.5G(GPRS)一般在100kbps
  2G（GSM）一般在5-9kbps
  –绿色的乌龟说明开着弱网
• 取消设置：取消勾选Proxy–Throttle Settings–Enable Throttling–点击ok
• 设置好后可以用来模拟在弱网环境下的测试
  用途：模拟用户在网络不稳定情况下进行的操作从而排查问题；