抓包工具在APP开发过程中使用非常频繁，对开发者理解网络传输原理以及分析定位网络方面的问题非常有帮助。
笔者一直比较喜欢Wireshark，但由于最近的项目是短连接项目，Wireshark太过重量。所以笔者选择Charles进行App的抓包，配置也更加简单。
1. HTTP抓包配置
1.1 查看当前wifi的IP地址
查看电脑ip地址
1.2 设置手机HTTP代理
iOS手机，连接与电脑同一个WiFi。然后点击“设置->无线局域网->连接的WiFi”，设置HTTP代理。
进入wifi配置
进入wifi的配置设置。
配置wifi代理
增加代理信息并保存。
配置wifi代理
服务器为电脑IP地址：如192.168.0.102
端口：8888
端口默认为8888，设置的IP要与电脑的IP一样
配置代理之后，电脑必须打开Charles才能上网。所以抓包结束后，要将配置代理关闭。
1.3 电脑上打开Charles进行HTTP抓包
打开Charles。
Charles的load image
手机配置成功后会弹出提示，点击“Allow”即可。
点击allow
此时，HTTP的网络包已经可以查看，但是HTTPS的依旧不可以。
http-ok
2. HTTPS抓包配置
想要HTTPS抓包，首先要按照顺序完成上面的HTTP的配置。
2.1 手机配置加密证书
SSL-setting-1.png
点击上面选项后，Charles会弹出提示。
SSL-setting-2.png
在手机Safari浏览器输入地址 "chls.pro/ssl"，出现证书安装页面，点击安装
proxy-file-1.png
点击安装。
proxy-file-2.png
对于iOS10之后的系统版本，需要进行下面的操作——对根证书进行信任操作。
proxy-file-3.png
proxy-file-4.png
2.2 Charles配置加密
开启“SSL Proxying”
proxy-file-5.png
点击“SSL Proxying Setting”，增加SSL拦截规则，像笔者比较懒，就如图将所有443端口的请求都进行了拦截。
proxy-file-6.png
不需要重启Charles，此时开始，所有的HTTPS的请求也是可见的了。
https-ok.png
3. 抓包之后一定要做到
抓包结束后一定要关闭wifi的代理配置，否则Charles关闭后，手机将无法用这个wifi上网。
最后，限于笔者经验水平有限，欢迎读者就文中的观点提出宝贵的建议和意见。如果想获得更多的学习资源或者想和更多的是技术爱好者一起交流，可以关注我的公众号『全菜工程师小辉』后台回复关键词领取学习资料、进入前后端技术交流群和程序员副业群。同时也可以加入程序员副业群Q群：735764906 一起交流。
哎呀，如果我的名片丢了。微信搜索“全菜工程师小辉”，依然可以找到我
网友评论