《吐血整理》高级系列教程-吃透Fiddler抓包教程(25)-Fiddler如何优雅地在正式和测试环境之间来回切换-下篇

1.简介

在开发或者测试的过程中,由于项目环境比较多,往往需要来来回回地反复切换,那么如何优雅地切换呢?宏哥今天介绍几种方法供小伙伴或者童鞋们进行参考。

2.实际工作场景

2.1问题场景

(1)已发布线上APP出现接口错误,如何测试线上APP访问本地请求?

(2)已发布线上H5页面,静态资源或js调试,如何映射本地js?

2.2一般解决方案

猜测(一般明显问题)、找到原发布包,修改请求资源url重新打包测试。需要前后端协调配合,耗时费力。

2.3聪明人解决方案

fiddler映射响应:

通过fidder拦截,将需要加载的资源映射到本地开发环境,而无需切换测试版APP

例如线上资源:online.com/api/page

映射加载本地资源:http://127.0.0.1/api/page

3.切换实战

3.1脚本(Fiddler Script)

1.启动Fiddler,点击Rules-->Customize Rules... ,如下图所示:

2.在Fiddler Script中的FiddlerObject顶部定义不同环境的object,如下图所示:

3.在OnBeforeRequest中定义环境,如下图所示:

4.点击File-->Save,保存脚本,如下图所示:

5.重启Fiddler后,点击Rules-->切环境-->选择你要切换的环境即可,如下图所示:

6.参考代码

宏哥这里解释一下,就是宏哥Fiddler检查到宏哥访问博客园,你切换测试环境,此时就会访问百度首页,如果切换正式环境,此时就会访问豆瓣首页。别的类似。

typescript 复制代码
RulesString("切环境",true)
RulesStringValue(0,"切到测试环境","www.baidu.com")
RulesStringValue(1,"切到线上环境","www.douban.com")
RulesStringValue(2,"切到其他环境--模拟请求不通","butong-fiddler.com")
public static var hl_env: String = null; 
ini 复制代码
if (null != hl_env  && oSession.uriContains("www.cnblogs.com")) {
        oSession.host=hl_env;
}

3.2脚本(Fiddler Script)

1.启动Fiddler,点击Rules-->Customize Rules... ,如下图所示:

2.打开后,弹出编辑器,按Ctrl + F,搜索"beforerequest",如下图所示:

3.在函数中加上切换规则,如下图所示:

4.点击File-->Save,保存脚本,如下图所示:

5.重启Fiddler后,访问百度首页可以看到,地址栏是百度的网址,但是页面内容确实博客园的,如下图所示:

4.小结

好了,今天时间也不早了,宏哥就讲解和分享到这里,感谢你耐心地阅读!!!

相关推荐
再吃一根胡萝卜5 小时前
08 · 前端:Vue3 + SSE 流式与执行链路可视化
面试
再吃一根胡萝卜5 小时前
03 · 后端:FastAPI 与分层架构
面试
mldong6 小时前
你的 Vue3 项目也能有钉钉同款审批流设计器:npm 装包,10 分钟画出第一条审批流
前端·vue.js
2分钟速写快排7 小时前
什么是 RAG?如何用 RAG 实现一个用户记忆?
前端·后端·ai编程
passerby60617 小时前
如何自己造一个时间处理库
前端·javascript·github
走到天涯海角9 小时前
react里面的长列表渲染优化
前端·react.js·前端框架
小羊没烦恼!9 小时前
Hello Web API系列教程——Web API与国际化
java·服务器·前端·javascript·php
北岛贰9 小时前
迷茫焦虑期,我做了一个带支付带官网的 AI 聊天虚拟恋人 App
前端·人工智能·后端
Interview Aid1129 小时前
Walmart Global Tech SDE 三轮面经|基础、并发、压力面
面试·职场和发展
mayaairi10 小时前
Vue2 组件通讯(三):全局事件总线、PubSub、插槽与组件实例属性
前端·javascript·vue.js