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第一种(hosts工具维护)

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”即可,如下图所示:

3.2第二种方法(命令)

使用命令urlreplace,界面左下角输入框输入后回车, 适用临时切换环境测试。例如:要将百度首页的切换成博客园首页,输入如下命令:

urlreplace www.baidu.com www.cnblogs.com

具体操作步骤如下:

1.首先宏哥访问百度首页,进入百度首页,如下图所示:

2.在Fiddler界面左下角输入框输入后回车,此时状态栏也提示替换成功。如下图所示:

3.再次刷新百度首页后,发现网址是www.baidu.com,但是浏览器访问的却是博客园首页,这是因为在访问百度首页网址的时候,Fiddler自动地将其替换成博客园的首页网址。如下图所示:

4.解除域名替换。一定要记住在测试完成后,在fiddler工具左侧底部的命令框位置中输入框中输入命令urlreplace后回车即可解除,此时状态栏也提示解除成功,还原到原请求域名。如下图所示:

3.3第三种方法(断点)

利用断点,修改请求的url来达到替换url的目的。具体操作步骤如下:

1.确定要替换的的url,然后访问该url,Fiddler抓包,选中该记录-右键-copy-justUrl。例如:宏哥以百度为例,如下图所示:

2.设置断点,在命令行中输入bpu   https://www.baidu.com 然后按回车,状态栏提示设置断点成功。如下图所示:

3.再次访问步骤1的页面,此时,请求已被截取,如下图所示:

4.进行修改后宏哥修改成北京宏哥,点击“Run to Completion”,如下图所示:

5.此时已抓取到修改后的url请求,如下图所示:

6.取消断点 在命令行中输入bpu 然后按回车。

3.4第四种方法(AutoResponder)

使用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 进行合并组。如下图所示:

4.小结

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

《吐血整理》高级系列教程-吃透Fiddler抓包教程(23)-Fiddler如何优雅地在正式和测试环境之间来回切换-上篇的更多相关文章

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

    1.简介 在开发或者测试的过程中,由于项目环境比较多,往往需要来来回回地反复切换,那么如何优雅地切换呢?宏哥今天介绍几种方法供小伙伴或者童鞋们进行参考. 2.实际工作场景 2.1问题场景 (1)已发布 ...

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

    1.简介 在开发或者测试的过程中,由于项目环境比较多,往往需要来来回回地反复切换,那么如何优雅地切换呢?宏哥今天介绍几种方法供小伙伴或者童鞋们进行参考. 2.实际工作场景 2.1问题场景 (1)已发布 ...

  3. 《吐血整理》高级系列教程-吃透Fiddler抓包教程(34)-Fiddler如何抓取微信小程序的包-上篇

    1.简介 有些小伙伴或者是童鞋们说小程序抓不到包,该怎么办了???其实苹果手机如果按照宏哥前边的抓取APP包的设置方式设置好了,应该可以轻松就抓到包了.那么安卓手机小程序就比较困难,不是那么友好了.所 ...

  4. 《吐血整理》高级系列教程-吃透Fiddler抓包教程(31)-Fiddler如何抓取Android系统中Flutter应用程序的包

    1.简介 Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面.Flutter应用程序是用Dart编写的,这是一种由Google在7年多前创建的语言.Flut ...

  5. 《吐血整理》进阶系列教程-拿捏Fiddler抓包教程(9)-Fiddler如何设置捕获Https会话

    1.简介 由于近几年来各大网站越来越注重安全性都改成了https协议,不像前十几年前直接是http协议直接裸奔在互联网.还有的小伙伴或者童鞋们按照上一篇宏哥的配置都配置好了,想大展身手抓一下百度的包, ...

  6. 《吐血整理》进阶系列教程-拿捏Fiddler抓包教程(10)-Fiddler如何设置捕获Firefox浏览器的Https会话

    1.简介 经过上一篇对Fiddler的配置后,绝大多数的Https的会话,我们可以成功捕获抓取到,但是有些版本的Firefox浏览器仍然是捕获不到其的Https会话,需要我们更进一步的配置才能捕获到会 ...

  7. 《吐血整理》进阶系列教程-拿捏Fiddler抓包教程(11)-Fiddler设置安卓手机抓包,不会可是万万不行的!

    1.简介 Fiddler不但能截获各种浏览器发出的 HTTP 请求,也可以截获各种智能手机发出的HTTP/ HTTPS 请求. Fiddler能截获 Android 和 Windows Phone 等 ...

  8. 《吐血整理》进阶系列教程-拿捏Fiddler抓包教程(12)-Fiddler设置IOS手机抓包,你知多少???

    1.简介 Fiddler不但能截获各种浏览器发出的 HTTP 请求,也可以截获各种智能手机发出的HTTP/ HTTPS 请求. Fiddler 能捕获Android 和 Windows Phone 等 ...

  9. 《吐血整理》进阶系列教程-拿捏Fiddler抓包教程(16)-Fiddler如何充当第三者,再识AutoResponder标签-上篇

    1.简介 Fiddler充当第三者,主要是通过AutoResponder标签在客户端和服务端之间,Fiddler抓包,然后改包,最后发送.AutoResponder这个功能可以算的上是Fiddler最 ...

随机推荐

  1. .NET ORM框架HiSql实战-第二章-使用Hisql实现菜单管理(增删改查)

    一.引言 上一篇.NET ORM框架HiSql实战-第一章-集成HiSql 已经完成了Hisql的引入,本节就把 项目中的菜单管理改成hisql的方式实现. 菜单管理界面如图: 二.修改增删改查相关代 ...

  2. Java开发学习(十)----基于注解开发定义bean 已完成

    一.环境准备 先来准备下环境: 创建一个Maven项目 pom.xml添加Spring的依赖 <dependencies>    <dependency>        < ...

  3. java通过注解顺序通过映射导出excel

    import java.lang.annotation.ElementType; import java.lang.annotation.Retention; import java.lang.ann ...

  4. 5-2 SpringCloud | 微服务

    服务器端项目演进 服务器初期状态 最早的服务器就是安装部署了一些静态页面 功能非常单一,只能做信息的呈现和输出 服务器动态页面 后来因为业务和技术的发展,页面连接了数据库,页面中大部分数据来自于数据库 ...

  5. ESXI启用本地登录和SSH服务连接功能,使用Xshell连接

    1.选中Troubleshoot Options进行SSH服务配置 2.开启本地登录功能 3.开启远程连接功能 4.本地登录修改SSH服务允许基于密码登录 默认无法用密码登录ssh服务,只支持基于ke ...

  6. Webpack干货系列 | 在 Webpack 5 集成 ESLint 的方法

    程序员优雅哥(youyacoder)简介:十年程序员,呆过央企外企私企,做过前端后端架构.分享vue.Java等前后端技术和架构. 本文摘要:主要讲解运用Webpack 5 中集成 ESLint 的方 ...

  7. Centos7较为彻底的删除mysql

    Centos7下较为彻底的删除mysql(root 身份操作) 删除mysql安装包 1. yum检查 yum list installed | grep mysql 安装则直接删除 示例:yum r ...

  8. 翟佳:高可用、强一致、低延迟——BookKeeper的存储实现

    分享嘉宾:翟佳 StreamNative 联合创始人 编辑整理:张晓伟 美团点评 出品平台:DataFunTalk 导读:多数读者们了解BookKeeper是通过Pulsar,实际上BookKeepe ...

  9. 浅谈hooks——useEffect

    react 16.8发布以来,函数式写法逐渐取代class的写法,在react函数式写法中,最重要是就是react所推出的新特性:hook,今天就来简单谈谈最基础的hook--useEffect 在r ...

  10. 配置Webpack Dev Server 实战操作方法步骤

    本文摘要:配置 Webpack Dev Server 可以解决本地开发前端应用时,手动执行 webpack 命令或 yarn build 命令,再去浏览器中访问 dist/index.html 的麻烦 ...