Charles 常用功能记录总结

Posted 红日666

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Charles 常用功能记录总结相关的知识,希望对你有一定的参考价值。

一、Charles mock数据:

前提:确保手机已和PC上的Charles代理链接成功。

我们在平时的业务开发中,经常有端上已开发完成,但后端接口还没有Ready的情况;或者需要接口频繁变更数据来测试各种case的情况。这样如果过度依赖接口,肯定会极大降低我们的开发效率,所以我们需要mock数据来提高开发效率。

网上有很多开源的mock框架如ApifoxApipost等,大家有兴趣的可以研究研究。今天要介绍的是使用Charles进行数据mock。

1、保存response数据:

选中接口→右键→选中Save Response→保存。

这样就把该response数据保存到了本地文件。

2、开启map映射:

选择Tools → Map Local → 勾选Enable Map Local 

 选中Add后出现如下图,根据提示填写接口信息即可:

 这样即完成了response mock数据映射。

3、修改mock数据:

比如:我将步骤1中response数据中的title字段由原来"注册领取80RMB"改成"登录领取80RMB",只修改本地存储的response mock数据并保存即可:

 可以看到返回的数据已经完成了变更。

4、取消mock数据:

如果此时接口已经ok,想取消mock数据,通过如下步骤即可:

选择Tools → Map Local → 【取消勾选】Enable Map Local

二、Charles 弱网测试:

Charles 通过修改Throttle Setting可以模拟各种网络如:2G/3G/4G等也可以手动设置网速限制等,是我们开发/测试模拟弱网环境,复现弱网问题的较好的方案:

使用步骤如下:

  1. Proxy → Throttle Setting
  2. 勾选Enable Setting
  3. Only for elected hosts 勾选中可以添加需要限速的接口,如果不勾选表示所有接口都执行以下限速设置
  4. Throttle preset 可以选择已经设置好了的网络【一般弱网测试选择该项后,下面的内容则不需要再修改】
  5. 打开App/网页等请求就会变慢,可以通过修改Throttle preset,来调节网络的快慢。

Throttle的打开和关闭,也可以通过如下几种方式快速操作:

  • 方式一:Proxy →Start/Stop Throttle
  • 方式二:Charles小水壶邮件→Throttling

  • 方式三:点击Charles面板上部的小乌龟--变绿则表示打开;变灰则表示关闭。

三、Charles 复制运用curl 指令:

 日常业务开发中,我们可以使用curl命令直接在终端发送GET/POST请求,以快速获取服务端返回的数据,来查看数据。那么如何快速的获取准确完整的curl请求呢,可以在Charles快速获取:

1、选中对应接口(右键) → 2、Copy cURL Request

GET请求一般会获得(类似)如下指令:

curl -H  "Content-Type: application/json;charset=UTF-8" -H "appVersion: 923" -H "User-Agent: okhttp/3.8.0" -H "Host: www.testview.com" --compressed "https://www.testview.com/config/dialog-comm-test?deviceType=2&version=0&deviceId=8999899"

 如果是POST,则获得(类似)如下指令:

curl -H  "Content-Type: application/json;charset=UTF-8" -H "appVersion: 923" -H "User-Agent: okhttp/3.8.0" -H "Host: www.testview.com" --data-binary "\\"type\\":4,\\"uid\\":\\"456\\"" --compressed "https://www.testview.com/config/dialog-comm-test?deviceType=2&version=0&deviceId=8999899"

copy到终端 →回车 可快速获取服务端数据,也可以通过修改请求参数进行数据联调,极大的提高开发效率。

参考: 

Linux curl命令最全详解

四、Charles 修改请求参数:

 如果我们在平时的开发测试中,希望通过修改请求参数,查看服务端返回的不同数据,那么就可以在Charles中通过以下两种方式来完成:

方式一、

1、选中对应接口 → 2、点击如图的笔 → 3、在Compose区域修改请求参数  → 4、执行

 方式二、

1、选中对应接口 → 2、选中Breakpoints【断点】

然后执行接口请求【真实数据请求 或 点击下图箭头】:

就会出现断点调试Breakpoints页面,再进行如下操作即可:

1、选中EditRequest → 2、选中Headers → 3、在3区域修改请求参数  → 4、执行

 这种方式是通过断点调试的方式去修改,也可以在下图步骤中,进行具体的断点设置:

五、Charles 模拟阻塞(Block)接口:

1、选中对应接口(右键) → 2、Block List → 3、重新请求接口:

block接口后,重新请求接口数据,响应结果如下:

会发现并没有数据返回,表明block成功。

此种方法可用于一些容错测试,进而对代码进行相关的优化,避免接口真的出现异常时,能够显示出我们希望的兜底或容错的页面。 

持续更新中...

以上是关于Charles 常用功能记录总结的主要内容,如果未能解决你的问题,请参考以下文章

charles 编辑菜单总结

Charles几个常用测试功能小结

charles 开始/暂停记录

Charles 使用记录

Charles——charles常用功能——设置断点

charles常用功能介绍