使用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,重新进行断点即可

相关推荐
Saniffer_SH11 小时前
NAND技术(二):从 Channel、Die/LUN、P/E Cycle 到 LDPC,一次讲透 NAND 里那些最容易误解的概念
人工智能·驱动开发·嵌入式硬件·测试工具·fpga开发·计算机外设·压力测试
杭州双色云谱16 小时前
2026年蓝光光谱照度计选购与实战指南:双色云谱如何守护光环境安全?
科技·测试工具
一孤程19 小时前
AI辅助测试用例生成实战——用大模型把测试设计效率提升300%
人工智能·测试工具·ai·aigc·测试用例·测试·测试覆盖率
测试员周周1 天前
【skills5】一份 spec 生成 k6/JMeter/Locust:性能压测 + 全站截图,上线前的双保险
功能测试·网络协议·测试工具·jmeter·http·自动化·集成测试
蝶恋舞者2 天前
Wireshark 抓包工具
网络·测试工具·wireshark
天才测试猿2 天前
如何封装自动化测试框架?
自动化测试·软件测试·python·selenium·测试工具·职场和发展·测试用例
REST_30272 天前
从Excel日报到实时看板:2026年使用制造工序状态同步工具的半年复盘
数据库·人工智能·测试工具·知识图谱·制造
胡渠洋2 天前
postman学习
学习·测试工具·postman
xy34533 天前
wireshark 如何捕获信息
网络·测试工具·渗透测试·wireshark