设置PC端代理端口号

 

设置端口号如：8888（也可更改，手机设置代理输入一致即可）

 

设置手机端代理端口号

查看IP地址

手机连接与Mac相同的无线网内，查看当前Mac IP地址

 

PS：也可直接option+wifi查看

 

iOS手机代理设置

设置-无线局域网，进入已连接WiFi手动设置（端口需与PC端设置端口号一致）

 

 

 

安卓手机代理设置

设置-WLAN，进入已连接WiFi手动设置（端口需与PC端设置端口号一致）

 

 

 

不同安卓手机弹出设置代理入口不同，如果进入网络详情页无代理项，可在WLAN列表长按wifi名称弹出代理设置如下：

 

 

 

 

 

当手机进行数据请求时，Charles 将弹出是否允许连接此代理(选择允许 allow)，之后便可进行http抓包

 

HTTPS代理设置

上面讲述了http的代理设置，但有时候发现抓到的https全是乱码，故需要进行https代理设置，手机上需要安装Charles SSL证书认证，证书下载地址：charlesproxy.com/getssl，以下分别是iOS和安卓手机的证书安装方法

PC端SSL设置

选中Proxy→SSL Proxying Setting

 

开启SSL代理，并添加信任地址

 

add添加方法

 

 

iOS手机安装步骤

确保手机网络已连接Charles代理，打开Safari输入证书下载地址，提示安装证书，允许后进入描述文件安装页面

 

点右上角安装，提示输入手机锁屏密码，密码输入完成后安装成功

 

 

 

最后进入设置-通用-关于本机-证书信任设置，选择Charles信任-继续，安装完成！

 

安卓手机安装步骤

同上，浏览器打开下载地址

 

证书下载成功后，进入设置-更多设置-系统安全-从存储的设备安装页面，查看已下载的证书，选择证书安装，输入证书名称，证书命名可随意填写，确定后安装成功！

 

PS：以上为小米手机安装路径，不同安卓手机设置里面选择不同，可自行查找系统安全进入证书安装

 

Charles的使用

视图 Structure 和 Sequence

 

 

设置为列表方法

清除和暂停

清除是清除所有已经抓到的全部请求

暂停是停止抓取数据，保留之前抓取的数据

 

 

 

过滤 Focus

设置代理后，抓取到手机的各种请求，很多是不需要的，因此需要过滤下请求

选择需要的请求右键选择Focus

 

或者抓包列表底部filter输入需要查看的请求关键字

 

重复请求 Repeat/Repeat Advanced 

tools→ Repeat/ Advanced Repeat （可做简单的并发压测）

repeat 单次重复请求

 

repeat Advanced 多次重复请求

如某个接口共需要请求20次，单次并发请求10个，设置如下

 

断言 Breakpoints

测试或者开发中有些场景，可能需要手动造很多数据才能发现问题，那么mock替换JSON返回值这个功能就非常实用了，右键请求url，选择Breakpoints，则默认添加该请求入接口断言列表

 

或者Proxy→Breakpoints Settings

 

添加需要断言的请求url如下：

 

设置断言成功后，重新发起请求，状态变为可编辑状态，进入请求参数or返回参数的修改

修改请求参数↓，设置成功后点击底部“Execute”进入下一步修改返回参数

 

修改返回参数如下，如title“年糕妈妈商城”需要修改成改成“AAAA”，直接在JSON Text中编辑

 

修改后如下：

 

最后放行“Execute”，如果是手机端发起的请求，mock修改后前端页面就会展示修改后的数据啦！是不是很方便！如果想界面测列表几十条数据的功能点，可以省去数据库或者后台造数据的时间，直接txt造几十条json数据就可以啦！（PS：修改参数手速要快哦~因为一般情况下，为了用户体验，大部分页面都会兼容一定时间内接口无响应，显示默认友好提示的空页面，所以替换的json可以事先在json编辑器中或者txt中编辑好，之后直接复制粘贴就可以啦~）

重定向 Map Remote

如果在测试过程中，需要切换host不同的环境来测试，那么替换host功能就可以实现，不需要手动再重新打包更改域名，打开Charles→Tools→Map Remote→点击ADD

如下如所示方式添加即可

网速模拟  Throttling

Proxy-Throttling勾选Enable Throttling启用网速模拟,可选择内置的一些带宽设置或自定义设置，保存后可以点击主界面的按钮开启/禁用慢网速功能

配置含义：

Bandwidth（带宽）、Utilistation（利用百分比）、Round-trip（往返延迟）、MTU（字节）

 

 

 

 

以上都是Charles常用的基础功能， 其实还有很多其他更有趣功能，可自行摸索~Charles可以说是测试之路上排查问题找问题非常实用的工具啦！测试必备哦~