在开发或者测试的过程中,由于项目环境比较多,往往需要来来回回地反复切换,那么如何优雅地切换呢?宏哥今天介绍几种方法供小伙伴或者童鞋们进行参考。
(1)已发布线上APP出现接口错误,如何测试线上APP访问本地请求?
(2)已发布线上H5页面,静态资源或js调试,如何映射本地js?
猜测(一般明显问题)、找到原发布包,修改请求资源url重新打包测试。需要前后端协调配合,耗时费力。
fiddler映射响应:
通过fidder拦截,将需要加载的资源映射到本地开发环境,而无需切换测试版APP
例如线上资源:http://online.com/api/page
映射加载本地资源:http://127.0.0.1/api/page
fiddler中自带hosts工具维护,但是这种方法比较麻烦,具体操作步骤如下:
1.启动Fiddler,点击Tools-->HOSTS,如下图所示:
2.点击HOSTS后,在HOSTS重新匹配页面,勾选“Enable remapping of requests for one host to a different host or IP, override DNS.”,启用配置。如下图所示:
3.点击“Import Windows Hosts File”,如下图所示:
4.导入host文件,将不用环境注释掉,如下图所示:
5.点击“Save”即可,如下图所示:
使用命令urlreplace,界面左下角输入框输入后回车, 适用临时切换环境测试。例如:要将百度首页的切换成博客园首页,输入如下命令:
urlreplace www.baidu.com www.cnblogs.com
具体操作步骤如下:
1.首先宏哥访问百度首页,进入百度首页,如下图所示:
2.在Fiddler界面左下角输入框输入后回车,此时状态栏也提示替换成功。如下图所示:
3.再次刷新百度首页后,发现网址是www.baidu.com,但是浏览器访问的却是博客园首页,这是因为在访问百度首页网址的时候,Fiddler自动地将其替换成博客园的首页网址。如下图所示:
4.解除域名替换。一定要记住在测试完成后,在fiddler工具左侧底部的命令框位置中输入框中输入命令urlreplace后回车即可解除,此时状态栏也提示解除成功,还原到原请求域名。如下图所示:
利用断点,修改请求的url来达到替换url的目的。具体操作步骤如下:
1.确定要替换的的url,然后访问该url,Fiddler抓包,选中该记录-右键-copy-justUrl。例如:宏哥以百度为例,如下图所示:
2.设置断点,在命令行中输入bpu https://www.baidu.com 然后按回车,状态栏提示设置断点成功。如下图所示:
3.再次访问步骤1的页面,此时,请求已被截取,如下图所示:
4.进行修改后宏哥修改成北京宏哥,点击“Run to Completion”,如下图所示:
5.此时已抓取到修改后的url请求,如下图所示:
6.取消断点 在命令行中输入bpu 然后按回车。
使用Fiddler自带的AutoResponder。使用 fiddler 的 AutoResponder 功能,可以指定拦截 Rule 以及转发的地址,这个地址可以是另一个网站的 URL,或者是本地的文件也可以。
EXACT:关键字表示全匹配,REGEX则可以用正则表达式模糊匹配。具体操作步骤 宏哥在这里就不赘述了,如果有不清楚的,可以看看宏哥前边专门有关AutoResponder 单独一篇文章的介绍。
示例: Rule Editor 的两个框分别填入:
REGEX:https://baidu.com
https://www.cnblogs.com
这个规则表示 从 https://baidu.com 的所有请求,都转发到 https://www.cnblogs.com 这个地址上。然后点击 Save 保存,如果有多个 Rule,还可以点击 Group 进行合并组。如下图所示:
好了,今天时间也不早了,宏哥就讲解和分享到这里,感谢你耐心地阅读!!!