zoukankan      html  css  js  c++  java
  • Charles使用1

    Charles是一款比较常用的全平台的网络封包街区工具,而我们在做移动开发的时候,我们为了调试、测试、分析等目的,经常需要和服务端的网络通讯协议打交道。Charles可以帮我们截取网络数据包来进行分析。
    Charles通过将软件本身设置成系统的网络访问代理服务器,使得所有的网络请求都会走一边Charles代理,从而Charles可以截取经过它的请求,然后我们就可以对其进行网络包的分析。
    用到的功能:

    • 1.截取http和https网络包
    • 2.支持重发网络请求,方便后端调试
    • 3.支持修改网络请求参数
    • 4.支持网络请求的截取以及动态修改请求响应结果。
    • 5.支持模拟限流网络

    1.Charles的基本界面

    1.1.structure视图

    structure视图将网络请求按请求的域名进行分类,将同域名的请求进行分类。

    所有的请求是以域名进行分类显示的,可以让我们更关注同域名下的请求。当次域名下有接口连接被请求了,会闪一下,这样就可以让我们发现哪些域名下的数据正在被请求。

    1.2.sequence视图

    sequence视图模式下,会将所有的网络请求都按照访问的时间从上到下进行排序。

    和structure一样,很直观的自暗示当前的请求连接、请求数据、响应数据等情况。因为这是按请求的先后顺序进行有序的排列,Charles同时也提供了一个过滤请求的地方,可以通过它来简单的过滤我们需要的请求再进行查看。

    对于某一个具体的网络请求,Charles提供了详细的请求内容和响应内容,将发送的数据和显示的数据显示出来,对于一些常见的数据格式,Charles还提供了一些格式化的操作,例如json内容,可以切换到json标签下,它会按照json的格式进行格式化,方便我们阅读和查看,而图片的请求也会在Charles中显示缩略图的预览。

    2.网页抓包

    启动Charles后,需要将Charles设置为系统代理,选择菜单中proxy——MacOS来讲Charles设置系统代理。

    然后你会发现,通过浏览器的请求都会被抓取。

    3.截取移动设备的网络封包

    Charles通常本身是可以直接截取本机上的网络封包的,但移动设备上的网络请求同样也需要去抓取,例如iPhone Android设备等。

    3.1Charles对应设置

    将代理功能打开,并设置一个固定的端口号。默认8888
    proxy-proxy settings,查看当前或者修改当前代理端口,并保证Enable transparent HTTP proxying被勾选。

    3.2手机上的设置

    查看本机ip地址和Charles监听的端口号

    方法1:使用help-local IP address

    方法2: ifconfig en0

    打开手机Wi-Fi,填入IP和端口号

    3.3截取https的网络封包

    app内使用https是非常常见的。正常情况下,Charles是不能截取到https的网络包的。这设计到https的证书问题。
    使手机可以抓取到https协议,需要安装Charles的CA证书。
    步骤:

    • 1.在Mac上安装CA证书。通过顶部菜单选择:help——SSL Proxying——install Charles Root Certificate,来安装CA证书。
    • 2.iPhone和Android手机,安装证书
      android手机请查看该帖
    • 3.在需要截取https的请求上,选择Enable SSL Proxying。

    完成上面的步骤依然抓取不了https的网络包。主要的原因在于:CA证书需要被MacOs信任。
    其他-钥匙串访问,查看CA证书

    4.过滤

    方法一:在Charles的菜单栏选择Proxy——recording settings,然后选择include栏,选择add,然后填入需要监控的协议,主机地址,端口号,如下图

    方法二:在一个网址上右击,选择Focus,然后其他的请求就会被放到Other Hosts的文件夹里面,这样也达到了过滤的目的。

    5.模拟弱网

    有时候在测试的时候我们想要模拟一下网络慢的情况,这时候Charles他是可以帮助到你的,在Proxy->Throttle Setting,然后选择Enable Throttling,在Throttle Preset下选择网络类型即可,具体设置你可以自行拿捏。

    如果我们只想模拟指定网站的慢速网络,可以再勾选上图中的 “Only for selected hosts” 项,然后在对话框的下半部分设置中增加指定的 hosts 项即可。

    6.修改网络请求

    有些时候为了调试服务器的接口,我们需要反复尝试不同参数的网络请求。Charles 可以方便地提供网络请求的修改和重发功能。只需要选中以往的网络请求,工具栏中点击 “Edit”,即可创建一个可编辑的网络请求。如下所示:

    get
    put
    post
    head
    trace
    delete
    options

    7.给服务器做压力测试

    我们可以使用 Charles 的 Repeat 功能来简单地测试服务器的并发处理能力,方法如下:
    我们在想打压的网络请求上(POST 或 GET 请求均可)右击,然后选择 「Repeat Advanced」菜单项,如下所示:

    8.断点

    在Charles发起一个请求的时候,我们是可以给某个请求打一个断点的,然后来观察或者修改请求或者返回的内容,但是在这过程中要注意请求的超时时间。
    要针对某一个请求设置断点,只需要在这个请求网址右击选择Breakpoints,然后点击断点按钮,就可以断点某一个请求了。

    参考出处:http://blog.devtang.com/2015/11/14/charles-introduction/
    https://testerhome.com/topics/15117

    FAQ

    1.乱码问题未解决

    3.1以下版本,首先到去 http://www.charlesproxy.com/ssl.zip 下载CA证书文件。双击crt文件,选择总是信任就可以了。
    https://www.cnblogs.com/mrjade/p/7677051.html

    2.Firefox在添加*:443后不能连接网络的问题

    安装CA证书后保存为.cer文件 firefoxs——首选项——隐私与安全——查看证书 再次访问百度,可以正常访问。
  • 相关阅读:
    Ubuntu12.04 下安装QQ
    python下sqlite增删查改方法(转)
    你有哪些想要分享的 PyCharm 使用技巧?
    PEP 8
    macos 下安装virtualenv,virtualenvwrapper,然后在pycharm中正常配置方法日志
    最全Python爬虫总结(转载)
    Git 常用命令详解
    Python 扩展技术总结(转)
    使用setup.py安装python包和卸载python包的方法
    IPython3 notebook 成功配置Python2和Python3内核(Kernel)
  • 原文地址:https://www.cnblogs.com/csj2018/p/9920399.html
Copyright © 2011-2022 走看看