Charles的使用

作者: MrFire_ | 来源:发表于2017-10-21 14:27 被阅读400次

    Charles,抓包利器,不仅能抓HTTP,还能抓HTTPS,当然并不是所有的HTTPS都能抓到,简单试了一下,HTTPS中简书的数据抓不到,开源中国的数据是可以的,下面就针对Mac环境下对iPhone(iOS 11)上的数据抓取简单介绍一下Charles的使用。

    本文主要涉及以下几个步骤:

    • 下载Charles
    • 配置Charles
    • 手机设置代理
    • 手机端安装证书并信任
    • Charles针对某个域名设置HTTPS配置
    • 重新发送请求,拿到数据
    • 抓取某个域名下的数据
    • 模拟慢网
    • 网络请求断点
    • 网络请求重发
    • 其它

    下载

    首先下载 Charles(土豪可以直接购买,小白就下载个破解版吧),给个百度云链接: 密码:fitm,版本为4.1.4,直接安装就行,已破解。

    配置

    安装后会提示是否允许Charles进行控制,点击允许,具体界面就不贴了(已经安装过,就提示一次)。文字都是抽象的,看图说话:

    • 打开Charles,在Proxy中分别针对Proxy SettingSSL Proxying Settings进行设置:
      1、设置代理.png
    • 端口号可以为88889999等等,手机代理设置时要与此端口保持一致
    2、HTTP设置.png
    • 这个地方可以添加需要拦截的HTTPS相应的域名,端口一般都是443,如果怕填错或者不准确,可以按图14进行设置
      3、HTTPS设置.png
    • 这个是在Charles中的help进行设置的,图少截了一部分,安装证书并进行信任
      4、Mac安装证书.png
      5、检查证书是否信任.png
      6、信任证书.png

    手机设置代理

    • 保证手机与电脑连接的是同一个Wifi,手机设置代理:
    7、找到Wifi列表.jpeg
    8、配置代理.jpeg 9、找到Wifi的Ip地址.png
    10、设置服务器和端口.jpeg

    手机端安装证书并信任

    • 然后Safari打开手机证书安装地址:http:\charlesproxy.com/getssl/,会出现如下界面,直接点击安装,注意:手机打开这个地址的时候要保证代理已经设置完成,否则证书下载不了

      11、安装手机证书.png
    • 下载完成后对证书进行信任,这个地方需要注意的是之前是在通用-->描述文件与设备管理中对证书进行信任,现在又增加了一项,在关于本机-->证书信任设置中也要对证书进行设置,否则无法抓取HTTPS的内容

      12、设备管理进行信任.jpeg
      13、关于本机进行信任.jpeg

    针对域名进行SSL代理设置

    • 回到Charles,对要请求的地址进行SSL设置(如果第2步没做的话,已做过请忽略)


      14、允许SLL代理.png
    • 重新请求数据,就能抓取包内容


      15、抓取数据.png

    抓取某个域名下的数据

    现在数据是抓取到了,但是我们发现一个问题,当你打开一个app的时候,可能会进行很多不相干的请求,比如用的一些第三方,或者苹果自己的或者其他的一些请求,这些请求都不是我们所需要的,但他们都挤在了左侧这个本来就不大的列表中,显然我们只需要特定域名下的数据,那么我们就需要过滤一下。在Charles的设置中有一个Recording选项,用于记录拦截到的所有的请求,默认是将所有拦截到的请求都记录在了左侧列表中,我们可以设置进行过滤,只要我们特定的请求:

    记录设置.png
    include中添加Add,在跳出的界面上填上相应的Host、Port,如果有需要还可以添加PathQuery,图为我添加的开源中国的地址
    添加.png 添加2.png

    这是我过滤后的列表界面,可以看到只有开源中国的数据,其他的就不显示了:


    过滤后.png

    模拟慢网

    还是看图吧:


    网络限制设置入口.png 详细设置.png

    想要多慢,自己调吧。

    断点

    Charles还有一个很强大的功能,就是断点调试,可以在网络请求发出前和返回后进行拦截,查看、编辑发出请求和返回的参数,这样与后台调试时就特别方面,传递的参数有什么问题,或者后台返回的数据有问题,一清二楚,谁也赖不了账:

    • 首先对想要拦截的地址先发一次请求,然后在该地址上右键,选则Breakpoints,然后清空左侧列表,重新发送请求,该请求过来时就能拦截到了:

      选中相应地址.png
    • Edit Request对请求进行编辑

      拦截请求.png
    • 修改请求中操作的空间就很大,这是很强大的地方,可以修改、增加参数,修改地址、header等,修改完成后点击Excute执行:
      修改请求.png
      当网络返回数据后也是一样的道理,可以对返回的数据进行修改,不再赘述。

    网络请求重发

    我们在和后台调试接口的时候,很多情况下都会需要调用同一个接口多次,如果我们在手机界面上去触发,特别是层级较深时会浪费很多时间,效率很低,但Charles强大的网络重发就帮我们解决了这个问题,在需要发送的地址上右键,点击Repeat就可以直接发送请求,而且参数都是一样的。

    Snip20171021_29.png

    其它

    再写两个功能,请求重定向和内容替换:

    • 重定向:可以重定向网络请求
    • 内容替换:可以替换后台返回的数据,这样可以修改后台返回的数据来达到测试我们app的异常处理等,不细说,有需要的可以取研究:
    重定向和内容替换.png

    Charles是一个很强大的工具,写了这么多,也只是冰山一角,且学且珍惜吧。


    PS:这个图确实有点多昂...

    相关文章

      网友评论

      • Mister_H:你好,手机证书安装地址找不到,方便重发下吗?
        MrFire_:@Mister_H chls.pro/ssl
        在Charles的help-->ssl proxying中可以找到
      • 辣比小新:安装之后打不开,提示文件已损坏。这个什么原因?
        MrFire_:@耿耿火 对,这个是macOS隐藏了权限
        辣比小新: Mac系统:Mac OS high Sierra,在终端执行命令:sudo spctl --master-disable 然后重启电脑 就OK了

      本文标题:Charles的使用

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