想知道怎么能手机抓包?关于Charles网络抓包(iOS的http/https请求)

251 阅读2分钟

前言

写这篇文章呢,其实是在工作中和一位IOS架构师有交流,总是找他处理手机抓包的问题,想看看打开链接对不对,但是问的多啦,也会不耐烦,他就给我一个文档,就是如题。按照操作能顺利链接到手机了,也能看到返回的数据,很高兴,觉得自己又新增了一个小技能💡。

今天就想把这些操作记录下来,作为分享💕

文章不长,操作也很简单,不要被步骤吓到啦

无字动图.gif

Charles安装

首先去官网下载一下Charles

就是一步一步安装好就可以

微信截图_20221105212153.png

HTTP抓包

查看电脑IP地址

我的电脑是windows,以下都是windows为例

可以cmd/ipconfig中查看自己的IP

打开电脑的热点,手机连上电脑

image.png

设置手机HTTP代理

在手机设置,“设置->无线局域网->连接的WiFi”,设置HTTP手动代理

服务器主机名 😶‍🌫️是电脑的IP地址 服务器端口 是8888

设置代理后,需要在电脑上打开Charles才能上网

微信图片_20221105213949.jpg

打开Charles调试Http请求

如果出现以下提示,点击Allow允许,就会出现手机的HTTP请求列表

charles4.png

charles5.png

HTTPS抓包

😶‍🌫️HTTPS的抓包需要在HTTP抓包基础上再进行设置

看看没有安装HTTPS请求时什么样子的

如果没有安装证书,所有的HTTPS请求,都不会显示详细信息,如图,手机安装证书以后就会出现详细信息啦

charles6.png

安装SSL证书

按照这个步骤,点击 Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device

charles9.png

随后会出现一个弹框,上面有下载证书的地址

chls.pro/ssl

charles10.png

手机地址栏输入证书下载地址进行安装

下载完就可以安装了

charles11.png

手机信任证书

非常重要😶‍🌫️

需要在 设置→通用→关于本机→证书信任设置 里面启用完全信任Charles证书

Charles设置Proxy

按照如下步骤

Proxy -> SSL Proxying Settings...

charles12.png

会出现以下的弹框,这是要添加要代理的域名,接着按照如下步骤进行,如图

勾选Enable SSL Proxying,点击Add

charles13.png

charles15.png

最后的最后,再次请求HTTPS就可以看到详细信息了

charles16.png

总结

从这篇文章,可以了解到在ios上如何进行手机抓包,这在进行移动端调试的过程中非常方便。

还想补充一点,在和这位IOS架构师沟通过程中,是很顺利的,顺利的原因,除了沟通,也有做事方法,如果有人常常拜托你进行重复且简单的操作,那么完全可以输出文档。优秀的人做事是有自己的方法的。🙉