测试开发实战|接口测试该怎么做?持证上岗的Charles,可以帮你做什么?

上篇文章,我们感受到tcpdump与wireshark的组合之美,原来工具与工具之前不只竞争,还有合作,你是否还记得上篇文章中有一个伏笔,那就是代理工具:charles。本文章针对charles进行讲解,带你继续体验接口测试之旅。

在读文章之前,留下个四个悬念:fake,stub,mock,proxy。

ps:charles没有你想象的那么善良。

引言

charles是一个优雅的名子,你可以称呼它:查尔斯先生。它是一个网络的管理员,你的任何http/https网络消息,都要经过查尔斯先生审核,如果你和查尔斯先生关系好,你会得到这些消息,甚至可以篡改和收发。对,你没看错,charles可以处理https协议消息!上篇文章我们对https协议闻风丧胆,因为https是htttp的加密版,tcpdump和wireshak对这种加密手段束手无策,但charles鹤立鸡群,他强大到可以处理https协议下的消息。

界面和基本设置

初次会面

如果代理配置正确您会看到charles先生的全貌,上边是菜单栏,左边记录您访问的每个网站/主机,右侧显示信息细节。它非常强大,只要您学会使用它,就可以看到网络上传输的所有事情。

为了让所有浏览器(或者网络应用)的数据送达到charles手中,您必须设置charles为代理服务器,但每次开启或关闭charles后,都要重新配置,如果您想偷点懒,可以在 Proxy->Proxy Settings 弹出的对话框中配置行为。

  • 小明:“选项中有两个代理,请问charles先生,他们有什么区别呢?”

  • charles:“Socks代理只是简单地传递数据包,而不必关心是何种应用协议(比如FTP、HTTP和NNTP请求)。所以,Socks代理比其他应用层代理要快得多。而浏览网页时的代理服务器通常是http代理呦!”

  • 小明:“哈哈,我懂了,那我能浏览网页,不等于我一定可以通过Socks访问Internet对吗”

  • charles:“对的,socks要比http宽松的多!”

    界面和基本设置

session

  • 小明:“既然charles先生管理网络,那么您一定有方法存储这些网络请求信息吧?”
  • charles:“当然,我最重要的绝活就是记录,所有的请求和响应都会记录到session中,供大家稍后检查和 分析。你打开菜单栏中的 File ,在这里可以管理您的session,包括新建,打开,清空等等。”

每次启动charles,都会自动创建一个新的session

  • 小明害羞的问:“我可不可以关闭记录呢,等我需要的时候再打开,这样我就能偷偷做一些不为人知的事!”
  • charles会意的笑了笑:“如果关闭记录,Charles会正常通过所有请求,但它们不会记录在session中,你可以点击下面来关闭记录。”

界面和基本设置

结构视图和顺序视图

  • 小明:“charles先生,我发现在主界面,有两个选择’Structure’和’Sequence’,它们两个有什么区别呢?”
  • charles:“哈哈哈,这可是我的双面镜!我提供了两种显示方式,你可以在 view->structure/sequence 中切换,也可以在界面中直接切换”
  • charles喝了口茶:“最大的区别是,结构视图提供 树图显示 ,而顺序视图则是以 时间顺序 展示”

  • 小明:“原来是这样,我看视图下有很多类似链接的东西,都看花眼了,快把您的老花镜借我用用”
  • charles急忙藏好老花镜:“这可不行,不过,我可以教你一个筛选它们办法,这些类似链接的东西是host名,如果你右键host名,会出现一系列对应的操作,比如保存和对焦,这个对焦(focus)的意思是只关注我们想要的信息。”

charles:“对焦操作可以让过滤掉没用的信息,比如我只想关注baidu,我可以对百度host进行focus,这样那些非百度的host就会被折叠,就会出现下面这样”

  • 小明放下偷来的老花镜:“哇,太好了,老花镜还您!”

  • charles:“哇呀呀,偷我东西,气死我了!”

    界面和基本设置

chart

  • 小明盯着屏幕看了很久:“这些蓝条好漂亮!”
  • charles昂首挺胸:“那当然,这是chart,我最美丽的地方,chart主要记录了一个资源的生命周期:从请求到等待到响应请求,不仅如此,它还将相关资源分组,比如下面的4张图片是一组。”

  • 小明:“利用chart,就能知道请求在哪花费时间长了,不会傻傻的等待了!”

    界面和基本设置

SSL

  • 小明:“既然charles先生这么厉害,可以肆无忌惮的抓取网络请求,那您会不会被警察叔叔抓起来呢?”
  • charles丝毫不紧张:“咱们做的都是合法操作,我有自己的证书,称之为:Charles Root Certificate,在抓取数据时,你很可能会收到关于证书的警告,那很正常,你只需要信任它即可,如果你想一劳永逸,永久信任Charles Root Certificate的话,你可以按照下面的链接来操作”

信任Charles Root Certificate:SSL Certificates • Charles Web Debugging Proxy

  • 小明:“这样啊,那证书和SSL有什么关系呢”
  • charles:“你其实在问SSL的工作原理,其实我是中间人,替浏览器查看服务器的证书并签名,但同时会把自己的证书发给浏览器,因此会出现警告,你需要添加到信任序列才能正常使用,下面的一张图清晰明了”

  • 小明:“哈哈,charles老爷爷是一个小能手”
  • charles:“胡说,怎么能叫爷爷呢,人家分明不到30岁”
  • 小明:“这样叫,比较亲切”

重要功能介绍

负载测试

  • 小明:“今天好累呀,我要重复发送请求给同学,他好像睡着了,一直没回我消息!”
  • charles:“哎呀,小明,你怎么能一条一条的手动发送呢,我可是有超级工具: 负载测试 ,你 右键host名->Advanced Repeat ,打开它!”

  • charles:“这个工具有几个难懂的参数, Iterations 很容易理解,就是你要发送的次数, Concurrency 是并发等级,表示访问该站点的用户数量,以及迭代次数。”
  • 小明:“那我设置发送10次,并发等级为1,发送!”

charles此时会打开一个新的sesscion,并且发送了10次,每次都有对应的详细消息!

重要功能介绍

弱网测试

  • 小明:“我写的软件好奇怪,在网络好的时候没问题,但信号差的时候明显卡顿,看来我只能一直蹲在卫生间(信号差)调bug了”
  • charles:“哈哈哈,傻孩子,我就自带弱网工具呀,在 Proxy->Throttle Settings 下,使用前要记得勾选Enable Throttling。”
  • charles顿了顿:“如果你想指定网站,可以勾选下图中的 Only for selected hosts,然后在对话框的下半部分设置中增加指定的hosts项。”

  • 小明有点晕了:“这些参数,好多,好复杂!”
  • charles笑着摸摸小明的头:“小明,人就是这么成长的,总不可能一帆风顺,慢慢用心听,你可以在Throttle Preset下选择网络类型,比如选择56 kbps modem便可以降低网速,而选项的含义,我会在下面列出来”

Throttle Settings 视图中的选项含义如下:

  1. Bandwidth:带宽
  2. Utilistation:利用百分比
  3. Round-trip:往返延迟
  4. MTU:字节

重要功能介绍

断点设置

  • 小明:“charles爷爷,我用过的很多IDE都自带断点调试功能,您这里有吗?”
  • charles:“断点可是非常重要的工具,怎能没有!你打开 Proxy->Breakpoints Settings ,勾选 Enable Breakpoints就可以启用断点模式,选择Add,然后填入需要监控的Scheme、Procotol、Host和Port等信息,这样就达到了设置断点的目的。或者可以在某个想要设置断点的请求网址上右击选择Breakpoints来设置断点。”

  • 小明皱了皱眉:“但是这样好麻烦呀,每次都要设置Scheme、Procotol、Host 和 Port 吗”
  • charles:“当然不是,你也可以通过右键host名,选择断点”

image

  • 小明拍了拍手:“哇,好棒,我一定要多试试这个断点功能”

重要功能介绍

反向代理

  • charles:“其实我不仅仅是个代理工具,也可以做到反向代理”
  • 小明困惑的看着charles:“什么是反向代理呀”
  • charles:“反向代理就是客户端想访问服务器,他会优先访问代理服务器,当proxy关口拿到用户请求的时候会转发到代理服务器中的随机某一台。而在用户看来,他只是访问了Proxy服务器而已”。

  • 小明:“那就是说,反向代理就是服务器的代理,客户端根本不知道服务器的存在,只知道代理服务器的存在啦!”
  • charles:“是这样的,你可以在 Proxy→Reverse Proxies Settings 找到这个功能,这可是很常用的,特别是对于本地开发且需要域名的情况下”。

  • charles:“这个截图的意思是 将本地57689端口映射到www.baidu.com域名的80端口“

重要功能介绍

使用手机

  • 小明坏笑:“好困扰,我手机中有很多网络游戏,我可不可以让charles爷爷帮我看看网络游戏有什么数据包呢,我能不能改一改?”
  • charles:“又在打什么坏注意了,我其实可以抓手机上的数据,但电脑和手机需要在同一个wifi网络”
  • 小明兴奋的看着charles:“真的吗,我该怎么做,快教教我”
  • charles无奈的摇了摇头:“你要打开 Proxy->Proxy Settings ,填入代理端口8888,并勾上 “Enable transparent HTTP proxying” 即完成了代理”

  • charles:“然后,你需要在手机wifi网络中添加代理,输入电脑IP和charles的端口号:8888,就可以抓手机上的网络数据了!”
  • 小明:“太好了,我要去试一试”

10分钟后…

  • 小明:“charles,我抓到数据,但为什么是unknown呢”

  • charles:“明明是你没听我讲完,就自己动手做,你这个是http数据,如果想要抓取http包,你需要下面这样做”

重要功能介绍

抓取https包

重点来了,我们久违的https终于出场了,charles靠一张证书就解决了加密问题,具体怎么做呢?如果使用的是电脑,按照下面这样安装证书:

选择后,就会出现证书下载,下载成功后会电脑”钥匙串访问“中看见(这里我已经安装并信任过了),然后双击下载的证书,勾选信任即可。

如果使用的是手机:

在SSL Proxying中勾选Install …Mobile Device 会弹出一个框,用手机(处于代理状态下)登陆指定的url下载证书即可。

这时候你抓https的时候还是发现不行,乱码加unknown(如下图)

这时候我们还需要一步操作,就是将想要抓的https加入到SSL代理中,这样才能被Charles识别并解析。

image

  • 小明:“哇,是我太心急了,现在不出现乱码了”。

其他

重定向

Charles 的重定向功能分 Map Remote 和 Map Local 两种,顾名思义,Map Remote 是将指定的网络请求重定向到另一个网址请求地址,Map Local 是将指定的网络请求重定向到本地文件,下面用一个例子具体说明一下。

mapLocal

  1. 先保存接口返回数据(右键单击某接口保存为html格式,如下图)

对本地的html进行修改

设置charles进行map local

image

此时再次请求百度

在 Charles 的菜单中,选择 “Tools”->”Map Remote” 或 “Map Local” 即可进入到相应功能的设置页面。

mapRemote

  1. 设置参数 Toos->Map Remote

查看访问结果,你会发现,www.baidu.com会被重定向到www.sougou.com

其他

Rewrite功能

Rewrite 功能功能适合对某一类网络请求进行一些正则替换,以达到修改结果的目的。

  1. 打开 Tools->Rewrite ,对内容进行替换,下面把页面中“我的关注”替换为霍格沃兹

再次申请百度

总结

剧情反转时刻来了,在文章开头,我留下了四个悬念:fake,stub,mock,proxy。这三个是对charles功能的抽象,为什么这么说呢?

  • fake:表示造一个假的,但可以work。比如用hashmap算法替代数据库,一样可以查询/修改数据。charles利用了map remote实现fake操作。

image

stub:对有限的行为作预定义回复,咏春拳的木人桩就是stub,无论怎么打,木桩都是雷打不动。比如无论请求什么,返回都是ok,这是一个十足的骗子,charles利用maplocal实现stub操作。

mock:可以理解为更高级的stub,可自定义行为,charles利用rewrite实现mock操作。

proxy:代理。charles利用反向代理实现proxy操作。

预告

以上便是对fake,stub,mock,proxy的介绍,你可以理解为坑蒙拐骗,所以charles并没有我们想象的那样善良。

不过,他也有自己的好兄弟:requests。由于文章字数有限,下一篇我将介绍requests,并向您展示charles与requests的完美组合。

cahrles是一位称职的网络管理员,本文章从界面到重要功能,系统的介绍了charles工具的使用。

使用charles,你不仅可以在电脑端收发网络数据,甚至可以在手机端收发网络数据。每个学习者都是小明,对新软件充满了好奇,但现实中是没有charles先生的,所有的疑问需要自己探索,自己学习,只有自己动手得到的,才是自己的。

5 个赞