Charles 是在 PC 端常用的网络封包截取工具,在做移动开发时,我们为了调试与服务器端的网络通讯协议,常常需要截取网络封包来分析。除了在做移动开发中调试端口外,Charles 也可以用于分析第三方应用的通讯协议。配合 Charles 的 SSL 功能,Charles 还可以分析 Https 协议。
Charles 通过将自己设置成系统的网络访问代理服务器,使得所有的网络访问请求都通过它来完成,从而实现了网络封包的截取和分析。
目录:导读
一、 常用功能
二、 Mock数据的应用: Breakpoints(断点)
三、 Map Local:将指定的网络请求重定向到本地文件
四、 Map Remote:将指定的网络请求重定向到另一个网址
五、 ip、域名和url的区别
写在最后
一、 常用功能
1.Filter (筛选):在Charles左下角的Filter输入框中输入要抓的数据包的Host的全部或部分字符,即可在Structure列表里显示筛选后的Host
2.Repeat(重发):选中某url后,点击工具导航栏中快捷键“Repeat selected requests”图标,即可实现接口再次请求
3. Throttle Settings(节流设置):模拟慢速网络
点击Proxy -> 选中Throttle Settings -> 勾选“Enable Throttling” -> 根据需求设置"Throttle preset"为不同的网速
二、 Mock数据的应用: Breakpoints(断点)
拦截接口的请求和返回,修改请求和返回的内容
1. 编辑请求(Request):选中某个想要mock数据的接口,点击右键并选中Breakpoints -> 重新请求接口(刷新页面等操作)后 -> 选中"Edit Request" -> 编辑修改请求的某项内容,比如Form中的参数 -> 点击Execute按钮,即可拦截到修改后的请求对应的响应内容
2. 编辑响应(Response):点击“Edit Response” -> 修改返回的内容 -> 点击Execute按钮,即可重新发送请求,且响应内容显示为修改后的内容
3. 应用场景实例:修改响应数据中的值,测试app端页面显示情况,提高测试效率
1)比如某产品的的初始”近5日年化“的值都一样时,折线图如下图”修改前“所示。那如果想测试一下五天的值不一致的情况,
那么就可以通过抓包、打断点、修改Response里的值,来测试前端页面的显示。如果不知道修改哪些参数,可以请教开发哦~
2)再比如想测试app页面中数据过多(或者翻页功能)时的处理方式,则可以通过修改Response里的值,制造更多假数据来测试
4. 取消断点的两种操作:
1)选中mock数据的接口(此时查看”Breakpoints“处于选中状态),右键后点击”Breakpoints“即可取消断点
2)点击”Tools“图标,再点击”Breakpoints“即可取消断点
三、 Map Local:将指定的网络请求重定向到本地文件
即拦截需要mock数据的接口后,将本地的json文件作为response返回
1. 该方式类似于设置断点修改Response的操作,不过它的优势在于:
1)适合修改大量的数据。如果设置断点修改大量数据,可能会导致请求超时。
2)不需要每次拦截接口,手动修改response。因为每次请求接口时,charles不会访问服务器,而是采用本地的响应(json文件)返回给客户端
2. 操作步骤:
1)把接口的response(JSON Text格式)复制出来,保存成一个json类型的文件。推荐使用SubLime Text,文件命名比如:detail.json,保存时选择Json类型(点击右下角”Plain Text->JavaScript->JSON“)
2)修改response,比如修改第三节提到的”近5日年化“中的五个值(修改前的五个值都是0.5588),修改后保存
3)选择需要mock数据的接口请求,右键选择”Map Local“,然后在”Edit Mapping“窗口中选择json文件,并点击”OK“按钮
4)然后就可以重新请求接口了(刷新页面等操作),请求后查看页面。可以尝试多次请求,会发现返回的数据都是修改后的数据
5)取消Map Local的方式:点击”Tools“图标,再点击”Map Local“即可取消(与取消Breakpoints一样)
四、 Map Remote:将指定的网络请求重定向到另一个网址
1. 应用场景:当前的测试环境A还未提供某接口X,但是另一个环境B存在接口X,那么就可以重定向到环境B的接口。
2. 实例:比如app中某个产品介绍页面,重定向到百度首页,则可以设置如下:其中”Map From“是原本的接口信息,”Map To“是要重定向的接口信息
3. 关闭Map Remote的方式:选择菜单栏中的 Tools->Map Remote,然后取消勾选”Enable Map Remote“,然后点击”OK“按钮即可
五、 ip、域名和url的区别
1)ip:每台主机专门的地址,就是ip地址。比如:127.0.0.1(本机地址)
2)域名:用域名来替代不好记忆的ip地址,比如:www.baidu.com
3)url:传输协议+域名+路径,比如:https://www.baidu.com/content-search.xml
未完待续。。。。。。。。。。。。。。。
写在最后
如果你觉得文章还不错,请大家 点赞、分享、留言 下,因为这将是我持续输出更多优质文章的最强动力!
以上是我对测试开发以及工作实践的一些理解,看到这篇文章的人有觉得我的理解有误的地方,也欢迎评论和探讨~
你也可以加入下方的的群聊去和同行大神交流切磋文章来源:https://www.toymoban.com/news/detail-713561.html
写在最后
如果你觉得文章还不错,请大家 点赞、分享、留言 下,因为这将是我持续输出更多优质文章的最强动力!
以上是我对Charles的常用功能以及工作实践的一些理解,看到这篇文章的人有觉得我的理解有误的地方,也欢迎评论和探讨~
你也可以加入下方的的群聊去和同行大神交流切磋
文章来源地址https://www.toymoban.com/news/detail-713561.html
到了这里,关于Charles的常用功能以及Mock数据的应用—实战解析的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!