轻松搞定Charles的HTTPS抓包(iOS13可用)

抓包工具在APP开发过程中使用非常频繁,对开发者理解网络传输原理以及分析定位网络方面的问题非常有帮助。

笔者一直比较喜欢Wireshark,但由于最近的项目是短连接项目,Wireshark太过重量。所以笔者选择Charles进行App的抓包,配置也更加简单。

1. HTTP抓包配置

1.1 查看当前wifi的IP地址

轻松搞定Charles的HTTPS抓包(iOS13可用)_第1张图片
查看电脑ip地址

1.2 设置手机HTTP代理

iOS手机,连接与电脑同一个WiFi。然后点击“设置->无线局域网->连接的WiFi”,设置HTTP代理。

轻松搞定Charles的HTTPS抓包(iOS13可用)_第2张图片
进入wifi配置

进入wifi的配置设置。

轻松搞定Charles的HTTPS抓包(iOS13可用)_第3张图片
配置wifi代理

增加代理信息并保存。

轻松搞定Charles的HTTPS抓包(iOS13可用)_第4张图片
配置wifi代理

服务器为电脑IP地址:如192.168.0.102
端口:8888

端口默认为8888,设置的IP要与电脑的IP一样

配置代理之后,电脑必须打开Charles才能上网。所以抓包结束后,要将配置代理关闭。

1.3 电脑上打开Charles进行HTTP抓包

打开Charles。

轻松搞定Charles的HTTPS抓包(iOS13可用)_第5张图片
Charles的load image

手机配置成功后会弹出提示,点击“Allow”即可。

轻松搞定Charles的HTTPS抓包(iOS13可用)_第6张图片
点击allow

此时,HTTP的网络包已经可以查看,但是HTTPS的依旧不可以。

轻松搞定Charles的HTTPS抓包(iOS13可用)_第7张图片
http-ok

2. HTTPS抓包配置

想要HTTPS抓包,首先要按照顺序完成上面的HTTP的配置。

2.1 手机配置加密证书

轻松搞定Charles的HTTPS抓包(iOS13可用)_第8张图片
SSL-setting-1.png

点击上面选项后,Charles会弹出提示。

轻松搞定Charles的HTTPS抓包(iOS13可用)_第9张图片
SSL-setting-2.png

在手机Safari浏览器输入地址 "chls.pro/ssl",出现证书安装页面,点击安装

轻松搞定Charles的HTTPS抓包(iOS13可用)_第10张图片
proxy-file-1.png

点击安装。

轻松搞定Charles的HTTPS抓包(iOS13可用)_第11张图片
proxy-file-2.png

对于iOS10之后的系统版本,需要进行下面的操作——对根证书进行信任操作。

轻松搞定Charles的HTTPS抓包(iOS13可用)_第12张图片
proxy-file-3.png
轻松搞定Charles的HTTPS抓包(iOS13可用)_第13张图片
proxy-file-4.png

2.2 Charles配置加密

开启“SSL Proxying”

轻松搞定Charles的HTTPS抓包(iOS13可用)_第14张图片
proxy-file-5.png

点击“SSL Proxying Setting”,增加SSL拦截规则,像笔者比较懒,就如图将所有443端口的请求都进行了拦截。

轻松搞定Charles的HTTPS抓包(iOS13可用)_第15张图片
proxy-file-6.png

不需要重启Charles,此时开始,所有的HTTPS的请求也是可见的了。

轻松搞定Charles的HTTPS抓包(iOS13可用)_第16张图片
https-ok.png

3. 抓包之后一定要做到

抓包结束后一定要关闭wifi的代理配置,否则Charles关闭后,手机将无法用这个wifi上网。

最后,限于笔者经验水平有限,欢迎读者就文中的观点提出宝贵的建议和意见。如果想获得更多的学习资源或者想和更多的是技术爱好者一起交流,可以关注我的公众号『全菜工程师小辉』后台回复关键词领取学习资料、进入前后端技术交流群和程序员副业群。同时也可以加入程序员副业群Q群:735764906 一起交流。

轻松搞定Charles的HTTPS抓包(iOS13可用)_第17张图片
哎呀,如果我的名片丢了。微信搜索“全菜工程师小辉”,依然可以找到我

你可能感兴趣的:(轻松搞定Charles的HTTPS抓包(iOS13可用))