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

1.简介在开发或者测试的过程中,由于项目环境比较多,往往需要来来回回地反复切换,那么如何优雅地切换呢?宏哥今天介绍几种方法供小伙伴或者童鞋们进行参考 。
2.实际工作场景2.1问题场景(1)已发布线上APP出现接口错误,如何测试线上APP访问本地请求?
(2)已发布线上H5页面,静态资源或js调试,如何映射本地js?
2.2一般解决方案猜测(一般明显问题)、找到原发布包,修改请求资源url重新打包测试 。需要前后端协调配合,耗时费力 。
2.3聪明人解决方案fiddler映射响应:
通过fidder拦截 , 将需要加载的资源映射到本地开发环境 , 而无需切换测试版APP
例如线上资源:http://online.com/api/page
映射加载本地资源:http://127.0.0.1/api/page
3.切换实战3.1脚本(Fiddler Script)1.启动Fiddler , 点击Rules-->Customize Rules... ,如下图所示:

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

文章插图
2.在Fiddler Script中的FiddlerObject顶部定义不同环境的object,如下图所示:
25 《吐血整理》高级系列教程-吃透Fiddler抓包教程-Fiddler如何优雅地在正式和测试环境之间来回切换-下篇

文章插图
3.在OnBeforeRequest中定义环境,如下图所示:
25 《吐血整理》高级系列教程-吃透Fiddler抓包教程-Fiddler如何优雅地在正式和测试环境之间来回切换-下篇

文章插图
4.点击File-->Save,保存脚本,如下图所示:
25 《吐血整理》高级系列教程-吃透Fiddler抓包教程-Fiddler如何优雅地在正式和测试环境之间来回切换-下篇

文章插图
5.重启Fiddler后,点击Rules-->切环境-->选择你要切换的环境即可,如下图所示:
25 《吐血整理》高级系列教程-吃透Fiddler抓包教程-Fiddler如何优雅地在正式和测试环境之间来回切换-下篇

文章插图
6.参考代码
宏哥这里解释一下,就是宏哥Fiddler检查到宏哥访问博客园 , 你切换测试环境,此时就会访问百度首页 , 如果切换正式环境,此时就会访问豆瓣首页 。别的类似 。
RulesString("切环境",true)RulesStringValue(0,"切到测试环境","www.baidu.com")RulesStringValue(1,"切到线上环境","www.douban.com")RulesStringValue(2,"切到其他环境--模拟请求不通","butong-fiddler.com")public static var hl_env: String = null; if (null != hl_env&& oSession.uriContains("www.cnblogs.com")) {oSession.host=hl_env;}3.2脚本(Fiddler Script)1.启动Fiddler,点击Rules-->Customize Rules...  , 如下图所示:
25 《吐血整理》高级系列教程-吃透Fiddler抓包教程-Fiddler如何优雅地在正式和测试环境之间来回切换-下篇

文章插图
2.打开后,弹出编辑器,按Ctrl + F , 搜索“beforerequest”,如下图所示:
25 《吐血整理》高级系列教程-吃透Fiddler抓包教程-Fiddler如何优雅地在正式和测试环境之间来回切换-下篇

文章插图
3.在函数中加上切换规则,如下图所示:
25 《吐血整理》高级系列教程-吃透Fiddler抓包教程-Fiddler如何优雅地在正式和测试环境之间来回切换-下篇

文章插图
4.点击File-->Save,保存脚本 , 如下图所示:
25 《吐血整理》高级系列教程-吃透Fiddler抓包教程-Fiddler如何优雅地在正式和测试环境之间来回切换-下篇

文章插图
5.重启Fiddler后,访问百度首页可以看到,地址栏是百度的网址 , 但是页面内容确实博客园的,如下图所示:
25 《吐血整理》高级系列教程-吃透Fiddler抓包教程-Fiddler如何优雅地在正式和测试环境之间来回切换-下篇

文章插图
4.小结好了,今天时间也不早了 , 宏哥就讲解和分享到这里,感谢你耐心地阅读?。。?
【25 《吐血整理》高级系列教程-吃透Fiddler抓包教程-Fiddler如何优雅地在正式和测试环境之间来回切换-下篇】

    推荐阅读