whistle自定义修改接口返回值内容

修改接口返回值内容是前端想要验证后续交互逻辑,但是又不想去找测试/后端造数时,常见的手段。

如果是在浏览器,我们可以很轻松的就修改接口的返回值内容,如下图的sugrec?&prod=pc_his&from=pc_web&json=1&imod=2 这个接口

我们只需要 单击选中 -> 右键 ->替换内容

之后如下图,我们就可以随心所欲的修改返回值的内容了,比如把我在CSDN的名称从'北北'改成'哈基米',ctrl+s保存。(这里的brower_override是我本地D盘自定义的一个文件夹,因为要把覆盖修改的返回值内容找个地方存起来,所以这里如果第一次修改返回值内容,可能还需要配置一下)

后面再一次刷新,就可以看到交互已经被正确修改展示

但是如果是安卓,IOS手机测试。不像浏览器那般容易mock接口返回值。

就可以使用whistle的mock功能。

whistle的下载和基础功能,可以参考其他文章,自定义返回值内容可以如下操作

1.先在Values里面定义一个json文件

2.再按照 要代理的接口 代理的内容的写法,把刚刚获取用户信息的接口代理到刚刚定义的userInfo.json文件上

3.使用zeroOmega,开启whistle代理环境(这里对于zeroOmega不熟悉的,可以参考其他文章或者询问AI,来知道该插件的功能是干嘛的)

展示成果:

1.这里发现接口成功被whistle代理了

2.同时我在whistle里mock的返回值也成功生效,并且能够影响浏览器前端的交互展示逻辑。

接口返回值内容成功通过whistle修改。


小总结:上述只是一个基础的演示,mock返回值在日常其他一些比较复杂的业务场景下走不同的逻辑分支是有挺大用处的,可以多尝试一下。

相关推荐
爱勇宝16 小时前
《道德经》第 10 章:真正成熟的人,能成事但不控制一切
前端·后端·程序员
看谷秀16 小时前
arkts- 8 三方库介绍
前端·arkts
六边形66616 小时前
独立开发不知道做什么?使用 TRAE Work 抓取差评痛点,快速跑通产品立项流
前端·后端·面试
亿元程序员16 小时前
小伙伴发我一个 1G 的 Cocos 项目,assets 只有几十兆
前端
paopaokaka_luck16 小时前
基于springboot3+vue3的文山民族文化资源展示与推广平台(协同过滤算法、Echarts 图形化分析)
java·前端·spring boot·学习·echarts
临江仙45516 小时前
同一个 AI Agent 如何同时服务 Web、微信和 QQ:PureChat 的渠道架构实践
前端·人工智能·后端
程序员鱼皮16 小时前
16 个超火的 DeepSeek Harness 插件,大肥鱼已经落后 N 个版本了。。。
前端·后端·ai编程
丰锋ff16 小时前
7.1Json
json
马可家的菠萝17 小时前
AI Agent Demo 10 分钟就能跑,真正难的是让它 200 个场景都别乱来
前端·后端·aigc
Vuji17 小时前
Pi 插件解剖|summarize.ts:199 行,给 Agent 的对话做一份 Markdown 总结
前端·人工智能·agent