Charles这个工具我想对于Android和iOS开发的小伙伴来说并不陌生,很多从机构学习的小伙伴做项目都是利用chares这个工具去获取数据,从而构成APP的,而且它也是测试工程师喜爱的工具。对于了解Charles,我们首先想到的几个问题应该就是:
- 什么是Charles?
- Charles这个工具如何配置环境和安装?
- Charles能为我们做什么?
什么是Charles?
Charles,天朝的iOS兄弟也把它叫做青花瓷,是一个HTTP代理服务器,HTTP监视器,反转代理服务器,当浏览器连接Charles的代理访问互联网时,Charles可以监控浏览器发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信,这些包括request, response和HTTP headers (包含cookies与caching信息)。该软件是用Java写的,能够在Windows,Mac,Linux上使用。
Charles这个工具如何配置环境和安装?
官网下载:https://www.charlesproxy.com/download/
免费版下载:http://xclient.info/search/s/charles/
Charles安装包可以分为两种:一种是官网正版的,但是它只有30天的试用期,过了三十天没过30分钟就得重新打开一次。另外一种是破解版,网上流传的Charles破解版只有4.0一下版本的,虽然可以解决30天试用期的问题,但是却不能更新最新版本的Charles,这个用户体验也不优秀。总的来说,小编还是建议下最新版的官方版本,这样更加perfect!
如何进行抓包?
对于抓包而言,我们需要分类讨论,分为真机和模拟器两种情况。
1.真机抓包
网上讲解真机抓包的过程很多,小编在这里带大家过一遍,还是很so easy的。
首先,对Charles进行配置:
菜单:Proxy -> Proxy Settings... -> 勾选 Enable transparent HTTP proxying
然后找到电脑的局域网IP地址:这里自己去找吧,我就不赘述了。
接着,打开你的iPhone:设置 -> Wifi -> 连接上和电脑同一路由器的Wifi,点击右边的 i 进入配置
配置:拉到底部,找到 <HTTP代理>, 选择手动, 服务器填入电脑的IP地址,端口号写 8888 然后返回会刷新Wifi连接
此处配置完成后,Charles会弹出提示框,
大意是:有人请求连接Charles ip是xxx.xxx.xxx.xxx是否允许?
这里要注意!!!Charles的默认选项是Deny拒绝,所以一定不要按回车!!! 手动选择Allow!!!
到此,即可正常抓取iPhone的连接。
继续
回到Charles,进行证书安装:
Charles菜单:Help -> SSL Proxying -> Install Charles Root Certificate 点击后自动打开钥匙串访问,请输入电脑开机密码
完成后你会看见两个证书:
双击证书,打开证书详情:展开信任 -> 使用此证书时:修改为 始终信任,关闭证书详情要求输入开机密码
两个证书都设置为始终信任。
接着,安装手机端的证书:
回到Charles,菜单:Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device or Remote Browser
点击后会弹出对话框,大意是:配置你的设备来使用Charles,证书下载地址:chls.pro/ssl
打开手机Safari,访问下载地址:chls.pro/ssl (如果我们显示的不同,则以提示中的地址为准)
正常情况下访问此地址会请求安装一个配置文件。若无请求请检查Wifi是否设置了 HTTP代理 (参考配置图:设置 -> Wifi -> i -> HTTP代理 手动)。
点击安装:
网上很多教程到这就结束了,但返回Charles会发现还是无法正常抓取HTTPS的请求。
其实还有一个设置,信任证书:
打开iPhone设置:通用 -> 关于手机 -> 拉到最底部 证书信任设置 -> 勾选刚刚安装的证书
最后
完成上面操作,最后再设置下SSL Proxying ,就可以利用 Charles 抓包 https 请求了。
选择 Charles 菜单中:Proxy -> SSL Proxying Settings...*
作者:Maxdon
链接://www.greatytc.com/p/e26151084add
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
好了,到了这里,我相信你一定可以愉快的获取数据了。
2.模拟器抓包
网上大部分都是描写如何用真机去抓包,但是小编今天要讲的是如何用模拟器去抓包,因为在开发当中如果用真机去抓包,还得去设置代理,当你不用的时候,还得关掉代理,这个体验不优秀。当然了,如果你是测试工程师,这个你就不用看了,因为你没有苹果电脑,也没有模拟器,😁😁😁!
如果你安装了Charles,发现模拟器抓不了数据,你可以从以下三个方向去找原因:
情况1:没有安装模拟器证书
解决:charles->Help -> Install Cahrles CA SSL Certificatein iOS Simulators (charles 3.9.3以上)
情况2:同时使用了其他的网络代理,产生冲突,charles无法抓取数据
情况3:就是你没有打开macOS Proxy,这个问题小编晚上研究了几个小时都没找出原因,后来无意中点了一下发现是这个原因造成的,一场乌龙,乌龙!!!
chares主要能为我们做什么?
主要功能
- 支持SSL代理。可以截取分析SSL的请求。
- 支持流量控制。可以模拟慢速网络以及等待时间(latency)较长的请求。
- 支持AJAX调试。可以自动将json或xml数据格式化,方便查看。
- 支持AMF调试。可以将Flash Remoting 或 Flex Remoting信息格式化,方便查看。
- 支持重发网络请求,方便后端调试。
- 支持修改网络请求参数。
- 支持网络请求的截获并动态修改。
- 检查HTML,CSS和RSS内容是否符合W3C标准。
应用一: 过滤网络请求
1.方法一:Filter 栏–>过滤关键字
2.方法二:在 Charles 的菜单栏选择
Proxy –> Recording Settings –>Include –> add( 依次填入协议+主机地址+端口号,实现只截取目标网站的封包 )
3.方法三:在想过滤的网络请求上右击,选择 “Focus”,在 Filter 栏勾选上 Focussed
应用二: 截取 Https 通讯信息
1.安装证书
“Help” –> “SSL Proxying” –> “Install Charles Root Certificate” –> 输入系统的帐号密码,即可在 KeyChain 看到添加好的证书。
Charles 默认也并不截取 Https 网络通讯的信息,若想对截取某网站上所有 Https 网络请求,在该请求上右击选择 SSL proxy
- 2.截取移动设备中的 Https 通讯信息
- 2.1
Help
–>SSL Proxying
–>Install Charles Root Certificate on a Mobile Device or Remote Browser
- 2.2 在手机浏览器中访问地址:「http://charlesproxy.com/getssl」
注意:默认情况下 Charles 并不做截取,你还需要在要截取的网络请求上右击,选择 SSL proxy 菜单项
3.补充一点
还要进入 设置->关于本机→证书信任设置
打开相关的开关
应用三: 模拟慢速网络
1.选择 Proxy –> Throttle Setting –>勾选上 Enable Throttling –> 选择Throttle Preset 类型
2.若只想模拟指定网站的慢速网络,再勾选图中的 Only for selected hosts 项,然后在对话框的下半部分设置中add指定的 hosts 项
对于弱网这个,还是比较重要,当你的网络无法某种环境的时候,你是需要利用一些工具去模拟的,经得起各种临界环境测验的App才是优质App。
总结
为什么小编要突然想起来要写这篇文章,是因为那边晚上我回去突然发现我家里电脑的模拟器抓不了包,但是我公司电脑模拟器是可以抓包,这就意味着之前这个问题遇到过,解决了,只是想不起来是如何解决的,一整晚都在找各种方法,问题没解决,觉还没睡好。所以当大家遇到一个比较好问题,解决了的同时,还要及时做好一些笔记去归纳去总结,这样下次很快就可以解决,不用浪费太多时间。知识只有不断的自我归纳,才能形成良好的体系。