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. 关于cpu体系架构的一些有趣的故事分享

    从排查一次匪夷所思的coredump,引出各种体系架构的差异. 本文中的所有内容来自学习DCC888的学习笔记或者自己理解的整理,如需转载请注明出处.周荣华@燧原科技 1 背景 从全世界有记载的第一台 ...

  2. git无法使用Tab提示

    1.过去git版本: git version 2.获取git-completion.bash脚本,注意将下方链接的版本号改为和git版本一致. https://raw.githubuserconten ...

  3. Python语言之面向对象

    Python语言之面向对象 前言 面向对象 -- Object Oriented 简写:OO 面向对象设计 -- Object Oriented Design 简写:OOD 面向对象编程 -- Obj ...

  4. Nginx搭建简易文件服务器

    Nginx搭建简易文件服务器 1.安装nginx,此处略过 2.修改nginx配置文件 详细如下 # 此处为部分文件是否有权限,使用root,则不会出现403权限问题 user root; worke ...

  5. Vue 搭建脚手架 && 脚手架的文件结构 && 关于不同版本的Vue

    1 # 一.Vue 环境搭建 2 # 1.VsCode 编码插件:Vuter 3 # 2.Vue 脚手架安装 4 # 1).安装:npm install -g @vue/cli or yarn glo ...

  6. 函数,递归以及dom简单操作

    函数 函数概述 函数就是具备某个功能的一个工具.是完成某个功能的一段代码. 系统提供了很多函数,但是并不能包含所有的功能,所以有些功能需要我们自己来写----自定义函数.函数定义好以后,就可以像系统函 ...

  7. Sphere类定义

    这个类是球体,也就是一会要显示的球体了.这个类继承于Geometrics类,并实现了自己的碰撞检测,碰撞原理,书上也说的很清楚了啊,大家多看.然后对照代码就明白了. 类定义: #pragma once ...

  8. 【系统设计】S3 对象存储

    在本文中,我们设计了一个类似于 Amazon Simple Storage Service (S3) 的对象存储服务.S3 是 Amazon Web Services (AWS) 提供的一项服务, 它 ...

  9. java-前端之HTML

    --html网页简单使用 1.html网页的基本标签 <!doctype html><!-- 声明网页版本 --> <html><!-- 唯一的跟元素 --& ...

  10. Mysql 一主一从

    1. 主从原理 1.1 主从介绍 所谓 mysql 主从就是建立两个完全一样的数据库,其中一个为主要使用的数据库,另一个为次要的数据库,一般在企业中,存放比较重要的数据的数据库服务器需要配置主从,这样 ...