charles工具的使用

时间:2023-03-08 17:53:40

charles工具使用

charles除了之前介绍过模拟弱网的功能外,还有很多强大的功能。最近客户端测试用到的功能介绍如下:

一.准备工作

1.手机设置代理

charles设置代理端口号8888:Proxy→ Proxy Settings

charles工具的使用

手机设置代理,连接wifi,点开设置http代理,选择手动,服务器填写charles所在本机的ip地址,端口号8888

charles工具的使用

2.SSL代理设置,允许抓取https协议

Proxy→SSL Proxying Settings→勾取Enable SSL Proxying→add→添加想要抓取的域名和端口号,以抓取阿波罗app数据为例

charles工具的使用

二.拦截某个软件的接口数据

手机代理到电脑,charles会出现弹窗,询问allow还是deny,选择allow,连接成功。

通常情况下,我们需要对网络请求进行过滤,只监控向指定目录服务器上发送的请求。

在Charles的菜单栏选择"Proxy"->"Recording Settings",然后选择Include栏,选择添加一个项目,然后填入需要监控的协议,主机地址,端口号。这样就可以只截取目标网站的封包了。如下图截取阿波罗app数据:

charles工具的使用

如果只测试一个功能的情况下,可以只截取单个接口,例如测试阿波罗首页广告,只需截取splash接口,添加并勾选。

charles工具的使用

勾选Proxy →Start Recording,开启抓取记录,可以在charles界面看到你所过滤的网络请求,以阿波罗app为例:

charles工具的使用

Charles主要提供2种查看封包的视图,分别名为“Structure”和"Sequence"。

  1. Structure视图将网络请求按访问的域名分类。
  2. Sequence视图将网络请求按访问的时间排序。

大家可以根据具体的需要在这两种视图之前来回切换。

对于某一个具体的网络请求,你可以查看其详细的请求内容和响应内容。如果响应内容是JSON格式的,那么Charles可以自动帮你将JSON内容格式化,方便你查看。

三.更改返回数据来测试各种情况

1.强大的mapping功能

a.Map Local

可以将远程的某个文件代理到本地文件,进行调试。使用方法如下:

Tools→Map Local→勾选Enable Map Local→Add→填入需要映射本地文件的协议,主机地址,端口号

charles工具的使用

本地文件可以是自己造的测试数据,也可以是接口返回的数据保存到本地再进行修改,只需先将接口返回数据进行保存到本地:点击某接口response,右击save response。

b.Map Remote

Map Remote的功能原理和Map Local的原理相同,都是替换请求,只不过Map Local替换的请求为本地文件,而Map Remote替换的请求为线上请求。

使用方法:Tools→Map Remote→勾选Enable Map Remote→Add→填入需要替换请求的协议,主机地址,端口号。

charles工具的使用

如图,splash接口映射到entry接口,splash接口访问的是entry接口的数据。

2.断点功能

我们可以通过使用断点功能来篡改请求的数据或者返回的数据,达到模拟的效果,已测试阿波罗app为例方法如下:

类似于mapping,我们可以针对接口右键选择"BreakPoints",这样这个接口就被加入到断点状态了

charles工具的使用

需要进一步修改断点的属性,可以在菜单栏"Proxy"–>"Breakpoints Settings"里进行添加删除或者修改,配置方式和mapping雷同,并且可以选择这个断点是在request还是response,还是两者都要。

charles工具的使用

这个时候再刷新app界面,会直接跳转到断点模版,这个时候你可以在对应状态情况下修改request或者response,然后点击下方按钮“Execute”。

跳转到断点界面,先点击下方执行按钮“Execute”。

charles工具的使用

然后点开Edit Response界面,选择JSON格式,格式清晰,方便修改,直接在上面进行数据修改,改成你想要测试的数据,然后点击执行按钮

charles工具的使用

再次刷新app界面,然后app返回的是新改的数据,根据返回数据测试客户端显示是否正确。

不断更新。。。