《吐血整理》高级系列教程-吃透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.小结

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

相关推荐
qq_4061761413 分钟前
深入剖析JavaScript原型与原型链:从底层机制到实战应用
开发语言·前端·javascript·原型模式
开开心心_Every1 小时前
免费窗口置顶小工具:支持多窗口置顶操作
服务器·前端·学习·macos·edge·powerpoint·phpstorm
光明顶上的5G1 小时前
本地缓存面试重点
java·缓存·面试
闲蛋小超人笑嘻嘻1 小时前
Vue 插槽:从基础到进阶
前端·javascript·vue.js
梦6502 小时前
Vue2 与 Vue3 对比 + 核心差异
前端·vue.js
tiandyoin2 小时前
给 MHTML 添加滚动条.mhtml
前端·chrome·html·mhtml
遗憾随她而去.2 小时前
前端大文件上传(切片并发/断点续传/秒传/WebWorker 计算Hash) 含完整代码
前端
AKA__老方丈3 小时前
vue-cropper图片裁剪、旋转、缩放、实时预览
前端·vue.js
老鼠只爱大米4 小时前
LeetCode经典算法面试题 #739:每日温度(单调栈、动态规划等多种实现方案详解)
算法·leetcode·面试·动态规划·单调栈·每日温度
老鼠只爱大米4 小时前
LeetCode经典算法面试题 #394:字符串解码(递归、双栈、迭代构建等五种实现方案详解)
算法·leetcode·面试·递归··字符串解码