使用Charles断点修改接口返回数据

  • 问题:数量/金额原来接口是用一个字段返回,由于业务需要换行展示,后端便拆分成了两个字段,前端则需要用新拆分的字段去取值,导致目前发现有个字段的金额也取成了件数(红框部分);
  • 需求:这条数据只有部分字段有值,如果我要验证其他无值字段(蓝框部分)前端取值是否正确,就需要让接口返回不同的数据;
  • 难点:1.通过改数据库实现,比较麻烦,需要改动的太多,而且会影响测试环境;2.造测试数据,比较浪费时间;

So,就想到了这个方法:使用Charles的断点功能可以修改服务器的内容并返回给前端

  1. 选择你需要修改返回数据的接口

  2. 修改断点设置 :Proxy→Breakpoints Settings(会自动填入步骤1标记断点的接口,双击接口)→Edit Breakpoint

    a. 将Query里面的参数删掉;

    b. 勾选Request(如果不需要修改请求参,可不勾选)、Response;

  3. 重新发起请求,Charles抓到请求并断点,修改接口返回数据 (一定记得开启断点开关,不然接口无法进入断点模式)

    a. 一直点击Excute,直到出现 Edit Response ;

    b. 修改接口返回数据,再点击Excute;

  4. 此时,接口返回数据便修改成功~

Tips:

使用Charles的断点功能可以修改服务器的内容并返回给前端,当操作过一次断点后,千万不要关闭断点的会话,那么无论如何重新请求页面都不会再出现断点页面,咋办?重启Charles,重新进行断点即可

相关推荐
小猿A16 小时前
【2026最新】Apifox下载、配置、实战教程(附官网安装包)
测试工具
泽众云测试1 天前
泽众软件与广州华南检验检测中心签约,PerformanceRunner性能测试工具助力第三方测评机构性能检测能力升级
软件测试·测试工具·性能测试
@zulnger2 天前
Charles抓包工具
测试工具
ck0135792 天前
视频添加水印的实践:文字叠加、透明 PNG 与时间区间设置
图像处理·测试工具·音视频·视频
EVE จุ๊บ3 天前
playwright和selenium的区别是什么
selenium·测试工具
Meta Luo4 天前
页面改版后自动化用例大量失败,应该怎么维护?
运维·功能测试·测试工具·自动化
释槐鸟~5 天前
还不知道RIDE工具怎么装吗
测试工具·自动化
有技巧搬砖5 天前
为什么锂电池组的电池老化测试很重要?
测试工具·锂电池·电池老化
蒲公英内测分发6 天前
智能手表卖出去后,包装、说明书和官网里的 App 下载入口怎么统一?
前端·人工智能·测试工具·智能家居·智能硬件·智能手表
蒲公英内测分发6 天前
智能手环出海测试,海外合作方分散在不同国家,Android 测试包怎么持续分发和更新?
android·前端·人工智能·测试工具·智能手表