Charles抓包HTTP、HTTPS

作者: 梧雨北辰 | 来源:发表于2017-01-04 15:09 被阅读2797次

    抓包分析数据在移动开发中十分重要,可以帮助我们更快的了解数据构成,提高开发效率。但是在苹果要求上线的App必须使用HTTS之后,HTTPS数据包的抓取分析较为麻烦,在此总结了在mac上使用Charles抓包的详细步骤。

    首先我们下载最先版本的Charles
    官网下载:https://www.charlesproxy.com/download/
    免费版下载:http://xclient.info/search/s/charles/

    一、开启网络请求记录,设置系统网络代理

    安装Charles之后,我们选择Proxy->Start Recording,开始记录网络请求,然后勾选MacOS Proxy(和其他的代理对象如:Mozilla Firefox Proxy火狐浏览器),将系统代理设置通过Charles Proxy。

    这里写图片描述

    此时打开系统偏好设置->网络->高级,我们可以看到本机HTTP和HTTPS请求被代理到127.0.0.1,端口号是8888。至此,我们已经完成了基本的网路请求设置,通过此Mac发起的HTTP请求,我们都可以通过Charles分析。

    这里写图片描述

    注:在Charles关闭的时候,这里的web代理和安全web代理也会变成无勾选状态。保证无代理时,Mac也能够访问网络。

    二、iPhone数据包的抓取

    1. 为了使用Charles抓取到iPhone设备的数据包,我们首先要打开Charles的代理功能。选择Proxy ->Proxy Setting,设置Port:8888,选择Enable TransParent HTTP Proxying。
    这里写图片描述
    1. 接下来我们要将手机的网络代理IP设置为Charles运行所在的电脑IP,获取本机电脑的IP方法如下:
      方法一:Mac电脑上使用Control +空格键,并输入Terminal 可以进入控制台,然后键入 ifconfig en0命令 ,我们查看到当前电脑的IP地址。
    这里写图片描述

    方法二:通过Charles查看本机的IP地址:打开Charles ->Help->Local IP Address

    这里写图片描述
    1. 设置手机网络代理IP
      我们依次打开iphone “设置->无线局域网”,点击当前连接Wifi右侧的详情按钮。这里显示了当前连接Wifi的基本信息,我们需要将这里底部的HTTP代理改为手动,然后填上Charles运行所在电脑的IP和端口号8888。如图:


      这里写图片描述

    此时,iPhone的网络代理就设置完成了,手机上请求将会被代理到mac上,我们可以很方便的通过Charles查看到手机应用发起的网络请求数据包。

    三、抓取HTTPS数据包

    相对于HTTP类的网络请求,HTTPS请求更加安全,这也使得抓取这类的数据包进行分析要麻烦一些。抓取HTTPS请求数据包进行分析,关键的步骤如下:

    1. 安装Charles根证书
      打开charles,依次点击Help -> SSL Proxying -> Install Charles Root Certificate,安装根证书
    这里写图片描述
    1. 设置证书信任
      在安装证书之后,我们查看钥匙串。选择所有项目,我们会看到一个带有红叉标记不被信任的Charles证书。Charles证书默认是不信任的,需要我们手动设置。右键->显示简介->点击信任,我们如图设置始终信任。
    这里写图片描述
    1. 设置 SSL 代理
      打开charles应用,选择Proxy->SSL Proxying Settings,我们在这里设置SSL Proxy,点击面板上的add,如下图:
    这里写图片描述

    在这里我们设置主机地址Host是*,使用通配符表示检测所有网络请求。然后设置端口号是443

    1. iOS设备安装证书
      最后我们还需要在iOS设备上安装证书。点击 Charles 的顶部菜单,选择 Help –> SSL Proxying–> Install Charles Root Certificate on a Mobile Device or Remote Browser,然后就可以看到 Charles 显示如下弹窗:
    屏幕快照 2017-01-09 下午2.18.11.png

    然后我们需要打开safari ,输入网址: http://charlesproxy.com/getssl
    这时候会弹出安装证书的界面,我们点击安装证书,如图:

    这里写图片描述
    目前为止,我们就完成了Charles抓取HTTPS数据包的所有设置了。查看Charles,我们可以看到数据包的内容了。
    1. 失败请求的处理
      iOS10.3之后,在上述设置完成之后,所有的https请求都会失败。提示错误:Failure SSLHandshake: Received fatal alert: unknown_ca 和You may need to configure your browser or application to trust the Charles Root Certificate.
      原因:charles的根证书虽然已经在安装列表中,但在iOS 10.3之后,安装新的自定义证书默认是不受信任的。如果要信任已安装的自定义证书,需要手动打开开关以信任证书。
      解决:设置->通用->关于本机->证书信任设置-> 找到charles proxy custom root certificate然后信任该证书即可. 模拟器也是这样处理。

    四、使用Charles遇到的问题

    1. 我在使用Charles抓包https之后,在使用applicationLoader上传ipa包的时候遇到了下面的问题:
      Communication error. Please use diagnostic mode to check connectivity. You need to have outbound access to TCP port 443.
    屏幕快照 2017-01-11 下午5.14.08.png

    解决:将charles关闭,然后再上传ipa文件。
    至于原因我也没弄明白,如果哪位朋友知道也可以告诉我一下。

    相关文章

      网友评论

      • 英俊神武:这个模拟器也可以这样设置抓包吗
        梧雨北辰:@我是宋仲基 第三章4、5节也设置了?
        英俊神武:@梧雨北辰 但是为什么我模拟器安装证书,弹出的是一个界面,它是这么描述的
        Charles SSL CA Certificate installation
        Your browser should download and offer to install the Charles SSL CA Certificate in just a moment.

        If this doesn’t work, please check that your OS, or browser, is configured to use Charles as its proxy.
        弹出来的不是安装提示,是一个网页界面,
        您知道是怎么回事吗
        梧雨北辰:@我是宋仲基 是的
      • 超_iOS:请教下.为什么手机设置代理后无法访问网络?
        超_iOS:@风恣 可能是ip的事
        梧雨北辰:还有手机上安装的charles证书是否在通用里设置信任?
        梧雨北辰:我刚试了下是可以的呀,是不是设置的手机代理的ip和电脑ip不一样?
      • 彩色浪花之子:ios上请不要忘了一个设置,设置--->通用---->关于本机--->证书信任设置,将刚才安装的证书都设置为,针对根证书启用完全信任
        梧雨北辰:嗯,是这样,我记得当时弄的时候有提示让设置的
      • 一抹相思泪成雨:为啥抓不到支付宝的数据,自己公司的app 是可以的???
        梧雨北辰:试了一下,发现大多接口返回的数据是可以抓到的呀,不过看起来这些的数据结构有些特殊
      • xiari1991:could not find certificate file 知道是怎么回事吗
        梧雨北辰:@yf_js 你试下点击Help —>SSL Proxying —> Install Charles Root Certificate on a Mobile Device or Remote Browser,然后再下载证书,应该是少了这一步
        xiari1991:@风恣 下载证书的时候
        梧雨北辰:@yf_js 在哪个地方遇到的

      本文标题:Charles抓包HTTP、HTTPS

      本文链接:https://www.haomeiwen.com/subject/bpwovttx.html