首页 文章详情

高颜值抓包工具Charles,实现Mac和IOS端抓取https请求

ITester软件测试小栈 | 160 2022-04-27 12:14 0 0 0
UniSMS (合一短信)
VOL 379

0d137c16b5b85b1af326f9a8e043e7b5.webp

26

2022-04

今天距2023年250天

这是ITester软件测试小栈第379次推文

73c3c8e2fa5b1260fd8e511e89b673eb.webp

点击上方蓝字“ITester软件测试小栈“关注我,每周一五早上 09:00准时推送,每月不定期赠送技术书籍


微信公众号后台回复“资源测试工具包”领取测试资源,回复“微信交流群”、“内推群”一起进群打怪。


本文2059字,阅读约需8分钟





Hi,大家好。在进行测试的过程中,不可避免的会有程序报错,为了能更快修复掉Bug,我们作为测试人员需要给开发人员提供更准确的报错信息或者接口地址,这个时候就需要用到我们的抓包工具。
常见的抓包工具有Fiddler、Charles,在此之前介绍过Fiddler抓包:Fiddler抓包详解,今天我们介绍Mac端以及IOS端如何使用Charles抓取https。

Charles介绍

1
Charles简介


Charles中文名又叫青花瓷,是一款很实用,界面很友好,功能强大的抓包神器,因为它是基于 Java 开发的,所以跨平台,Mac、Linux、Windows下都是可以使用的,并且在Android和iOS设备上通用。



2
Charles原理

当程序连接Charles的代理访问互联网时,Charles可以监控这个程序发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信,这些包括request、response和HTTP headers,通过成为电脑或者移动设备的代理截取请求和请求结果达到分析抓包的目的。

2dbf6009fd64259aa875220820c40304.webp


3
Charles作用
  • 截取 Http 和 Https 网络封包。
  • 支持重发网络请求,方便后端调试。
  • 支持修改网络请求参数。
  • 支持网络请求的截获并动态修改。
  • 支持模拟慢速网络。


Charles下载及安装


1
Charles下载
Charles 是收费软件,可以免费试用 30 天。试用期过后,未付费的用户仍然可以继续使用,但是每次使用时间不能超过 30 分钟,并且启动时将会有 10 秒种的延时。因此,该付费方案对广大用户还是相当友好的,即使你长期不付费,也能使用完整的软件功能。

下载地址:

官网:https://www.charlesproxy.com/

绿色版下载(网上有很多相关下载地址)

For Windows:https://www.7down.com/soft/133829.html

For Mac:http://www.xue51.com/mac/2527.html


本人私藏版下载(For Windows V4.0.2),在ITester软件测试微信公众后后台回复 "Charles" ,即可获取私藏安装包 。

4d7b3f0a359a6aae265b4023859fe3e3.webp


注意:安装完后,替换”安装路径->Charles\lib”文件夹下的charles.jar文件成破解版jar文件,如果再次启动未弹出30天试用的提示,说明成功。



2
Charles安装

(1)  Mac端安装

进入Charles官网,选择macOS下载:

78f0a2f387cf6f71c90d7e076b4d7256.webp


下载后安装:052a9d4c03f3b9c9e330a2331cc6f72c.webp


(2)  PC端安装

进入Charles官网,选择windows下载:

6a0da99d6ccc68d0f0fba69d378a7f27.webp

下载后自行安装即可,此处不再详细介绍。


Charles界面视图介绍


1
Charles界面视图
Charles在Mac端的界面:

68b3df46dade0b8a9cd6e066cdb87518.webp


1)在顶部导航是基本设置、代理设置、工具、帮助等;

 2)中间位置是请求的接口名字、请求内容、响应内容等; 3)通常常查看请求会使用"Structure"视图和"Sequence"视图;
  • Structure:按照接口结构来归档汇总;
  • Sequence:按照接口请求顺序来汇总;

请求栏介绍:

8587b1cb1a3c687e85d1d4d4b1fdb342.webp



请求数据介绍:

ddee01fc90b973115d17de631c9df6bd.webp




2
Charles界面说明
Charles在Mac端的快捷工具:

2fd895a4d3621ad69df4e57454c28ab1.webp


快捷工具介绍:

9bdd2d07f545f30ade491d3daed6c283.webp




Charles抓取HTTPS


1
Mac端配置

(1)  Charles代理设置
点击导航栏 Proxy -> Proxy Setting ,端口一般设置8888,按照下图设置即可。

d54a88428468267d95019dbb81fcae25.webp


系统偏好设置->网络->高级->代理,端口号默认是8888,与Proxy

-> Proxying Settings 中的HTTP代理端口号相同。

ba298bfbf3136157950316e6005dce63.webp



(2)  Charles证书安装

在Charles的 Help选项,选择 SSL Proxyings选项->选择 Install Charles Root Certificate。

d4cd62bc951a786bb05140621d33eacf.webp


设置允许信任:

d3935bacd0a14c52cf20bdb54513288f.webp



(3)  配置SSL代理

在Charles的 Proxy选项->选择SSL Proxy Settings->点击add添加需要监视的域名,支持 * 号通配符,端口一般都是443。

538d8381f564650535bfd6597d66c389.webp



(4)  抓取Web端https请求

设置完电脑端配置,就可以正式开始抓取请求了。抓取数据分为三步。首先清空所有的数据,然后点击开始按钮,并分析抓取结果。


要抓取哪个页面的数据,就先访问哪个界面 。比如抓取微信公众平台数据接口:

16da30be70947ef40bbe1ad7542b2bd2.webp


当我们操作的时候,每加载一次数据,都会被我们的抓包工具Charles截获到,显示出来。左下角过滤框输入想抓的地址,其他所有的接口会被过滤掉,查看更方便:

d2f695f1437c5c17717de5aecc1ac622.webp



2
IOS端配置

(1)  安装信任证书

在Charles的Help栏SSL Proxying —>Install Charles Root Certificate on a MobileDevice or Remote Browser。

593afa026ddd21ad6077924f10dd47a5.webp



(2)  IOS端设置

首先确保手机与电脑在同一局域网内,在手机无线中配置手动代理,输入安装Charles的电脑的网络地址,端口填8888,IOS端配置步骤总结如下:

96462689339e022ff5ea08e7b99dfbda.webp



(3)  IOS端证书安装

网络代理设置好后,打开safari浏览器(推荐使用safari,其他浏览器可能存在兼容性问题),在地址栏输入chls.pro/ssl。配置描述文件,选择“允许“。

40f02fa045145d8056eb8e2a15ec5d3d.webp


安装完成后,在iphone设置 ->通用 ->描述文件与设备管理,查看已安装的证书。如果所有步骤完成,结果仍然无法进行抓包,检查信任证书是否完全开启,ios10.3之后加入新的特性,需要在IOS设备中,通用->关于本机->证书信任设置,针对CA根证书开启完全信任。

9081cd9b4af0f50dc8c11b8e6cfd69de.webp



以上就是今天的分享,如果想要领取本人私藏版安装包,在ITester软件测试微信公众后后台回复 "Charles" ,即可获取相关安装包 。

4d7b3f0a359a6aae265b4023859fe3e3.webp




以上
That‘s all更多系列文章
敬请期待


ITester软件测试小栈(ID:ITestingA),专注于软件测试技术和宝藏干货分享,每周准时更新原创技术文章,每月不定期赠送技术书籍,愿我们在更高处相逢。喜欢记得星标⭐我,每周及时获得最新推送,第三方转载请注明出处
8c61c81d7ba0ca31b33818d535722fe8.webp

ITester软件测试小栈往期内容宠幸

1.Python伪代码分析点赞器实现原理

2.Pycharm隐藏的15个实用小技巧,谁用谁知道!


3.测试人必备的10款效率插件,墙裂安利一波


4.YAPI自动生成接口文档,解放测试人生产力!

5.APP弱网测试怎么做?一文安排得明明白白

b4b30c18d7503cf55f391e10c0720915.webp

想获取更多最新干货内容快来星标 置顶 关注每周一、三、五 09:00见dc94458b2abf06a3f6632f04b599b9e2.webp89f86eda47c0bf8689953c7dc7c3320b.webp

<<  向右滑动查看下一张图片  >>

 后台4735633b2068568794399ab0c657a00b.webp 回复"资源"取干货回复"微信群"一起打怪升级

个人微信:Cc2015123

添加请注明来意 :)


真爱四连,BiuBiuBiu~6f926e681b0e3c4d48fa9c997e296eec.webp



good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter