菜单

行使Fiddler搭建手机调试环境(小编做得项目是调剂微信的Borgward号)

2019年2月16日 - 金沙前端

用手机访问当地环境的利器ngrok

2015/08/11 · HTML5 · 4
评论 ·
ngrok

初稿出处: 吕大豹   

笔者们在调节移动端页面,尤其是调节微信页面的时候,会遇上这么的景况,手机连着商行的wifi,开发环境(台式机)插着公司的网线,我们要用手机来访问开发环境下的页面。这些时候,借使网线和wifi是在同一个网段,那么直接在三弟大访问电脑的ip就能够访问到我们搭在地头的web服务。不过,很多时候,公司的互联网并不是如此架设的,wifi和网线不在1个网段,那么,通过上述格局就不或然访问到了。

偶然调试必须在表弟大上进展,在chrome下的模拟不或然满意。那时候如何做吧?从前笔者使用的是那般的点子,电脑上插1个360wifi(插USB孔的那种),然后共享出热点,手机总是到这么些热点上网,就可以访问到支付条件了。若是急需查阅http请求,在处理器上打开fiddler,设置三个代理,然后在二弟大上设置wifi的代理为fiddler,(端口暗许是8888)。这样来自手机的央求就会被fiddler捕获到,你就能应用fiddler的强大功能来调节代码了。

地点那些形式挺便宜的,不过必要一个小小的硬件,360wifi。你可以买一个,相当便宜,百度也有同样的制品。那假诺大家手下没有这些硬件可如何是好呢?接下去该主演出场了,那就是ngrok。

ngrok是个什么样东西呢?其实它就是二个反向代理,大家机器上运转起那几个服务后,它可以把地点的一个端口代理到公网。代理到公网是什么概念?公网啊,那就是大家都可以访问到了,没有其余网络范围。当然,大家的测试机,连接受任何互联网下的手机也是足以的了。

唯独不幸的时,ngrok架设在美利坚合作国,已经被大家巨大的祖国给墙掉了。不过!一人良心网友在境内架设了一台服务器,大家可以任意使用,击手!

废话说了那样多,我们来看望ngrok到底怎么使用呢?其实是分外简单的。

一、下载相关文书

先是,从这位兄长架设的网站上(

二、运营服务

下载后的五个文本,大家不管找2个索引放好就行,例如,我放在D盘,那样就行了:
澳门金沙国际 1

然后,打开cmd终端,输入如下命令来运维服务: ngrok -config ngrok.cfg -subdomain lvdabao 80

用-config参数来指定布置文件,-subdomain指定访问的子域名称和地点的端口,出现以下界面,说明运行成功了:

澳门金沙国际 2

在意一点,那个子域名称是足以随便起的,但不或许与人家的重名,因为那些名称是你的代理的绝无仅有标识,之后用

三、进入调剂界面

把劳动运行起来还不够,大家的最后目标是要调节呀,大家得能捕获到http请求才行。要促成那么些也格外不难,因为ngrok已经为您准备好了。真是十分贴心啊~

请看下面服务运营起来后的新闻,有一项 Web Interface 127.0.0.1:4040 ,我们直接访问它就可以拓展调剂了,在您本地浏览器输入那几个地址,试试看吗。

澳门金沙国际 3

很炫酷有没有,你可以看出http请求头和重返的内容,你须要的都有了。

同时,还有三个更好用的效应,看到那多少个Replay按钮了吗,点击它可以手动再发起两回你选中的呼吁,差不离不可以更赞,那样大家调试有个别数据接口时,也省了老去手机上刷新页面了,越发是调剂微信页面,不必每回都去刷该死的二维码了。

以此利器的主干用法就介绍到此处,能满意大家初始指出的必要了。其实它还有更强大的效果,有趣味的可以FQ去官网查阅文档。最后重复为国内的那位仁兄点赞,我们也足以去她搭建的网站下面查占星关材质:

2 赞 5 收藏 4
评论

澳门金沙国际 4

 

澳门金沙国际 ,以此题材造成大家不可以健康访问片段网站内容,比如百度,阿里等等,那是因为我们的fiddler开启了监听https,在安装里面把对号去掉就行了。在fiddler页面,点击Tools–Telerik
Fiddler Option–HTTPS,把监控https通道(decrypt HTTPS
traffic)的要命对号去掉

大家先开辟任务管理器查看以下大家Fiddler的PID代码是某个。打开职责管理器的急迅键是Ctrl+shift+ESC,平常意况下如图所示,大家的Fiddler.exe的PID是3156,假诺您的那几个界面里面没有PID这一项,接着往下看。

咱俩先打开职务管理器查看以下大家Fiddler的PID代码是稍微。打开职分管理器的快速键是Ctrl+shift+ESC,不荒谬情状下如图所示,大家的Fiddler.exe的PID是3156,假如你的这么些界面里面没有PID这一项,接着往下看。

在任务管理页面,选取查看–采取列,把PID那一栏打上对号,如图所示,那样在任务管理界面就有PID了。

 

                                               
 澳门金沙国际 5                         
 澳门金沙国际 6

 

3.给我们的手机安装代理,访问
192.168.1.12:8888,小编用的是Samsung的s7,间接在链接的wifi上边长按就可以,代理主机名是大家的电脑网络的ip,代理服务器端口是我们fiddler监听的非凡,如图所示

澳门金沙国际 7

4.终极,我们需求配置一下大家电脑的hosts文件,路径如下,

 

在职务管理页面,采用查看–选用列,把PID那一栏打上对号,如图所示,那样在职务管理界面就有PID了。

 

                          打开Fiddler->Tools->Fiddler
Options在Connection面板里将“Allow remote computers to
connect”勾选起来,明确后,关闭Fiddler不分互相新打开Fiddler。

 

咱俩先打开职务管理器查看以下我们Fiddler的PID代码是多少。打开职分管理器的火速键是Ctrl+shift+ESC,正常情形下如图所示,大家的Fiddler.exe的PID是3156,若是你的那么些界面里面没有PID这一项,接着往下看。

将我们的微处理器ip写入,前面跟的是大家要调节的不胜网页的网址。

3.给大家的无绳电话机安装代理,访问
192.168.1.12:8888,小编用的是Samsung的s7,直接在链接的wifi上面长按就能够,代理主机名是大家的电脑互连网的ip,代理服务器端口是我们fiddler监听的不得了,如图所示

 

 

       
 2)此时,为了确保代理是常规干活的,大家得以在cmd里举行netstat -anop tcp翻开Fiddler进度是不是健康监听8888端口,借使服务没有平常打开,可以品尝拔取此外端口,端口修改的地方(可以在上一步里面一向修改)。

 

 

大家在测试微信公司号的时候,由于微信的界定,不能把它拿到chrome浏览器中开展调节,所以就不可以实时的看来页面变化情况,因此我们就须求1个能够时刻查看大家页面变化的工具。尽管选取Fiddler也是存在一些难题,照旧无法一贯在大家的浏览器里面调试,不过相比较于将修改后的页面上传出服务器,然后在用手机举办呼吁,简单了累累。

澳门金沙国际 8

 

如此我们就可以调节大家的手极端的页面了。

 

       
 2)此时,为了保障代理是常规办事的,大家可以在cmd里实施netstat -anop tcp翻开Fiddler进度是还是不是经常监听8888端口,假设服务没有例行打开,能够品尝使用其余端口,端口修改的地方(可以在上一步里面一向修改)。

 

2.翻看大家设置fiddler软件的微处理器的ip,如图所示,作者的微处理器ip是192.168.1.12,因为小编用的是公司的网络,ip是天天动态获取的,所以只要大家不把ip换来固定的,就得每一趟使用fiddler的时候自身在手动的修改一下。

 

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图