用手机访问当地环境的利器ngrok,使用Fiddler搭建手机调试环境

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

用手机访问当地环境的利器ngrok,使用Fiddler搭建手机调试环境。2015/08/11 · HTML5 · 4
评论 ·
ngrok

初稿出处: 吕大豹   

我们在调节移动端页面,特别是调节微信页面的时候,会蒙受那样的事态,手机连着公司的wifi,开发条件(台式机)插着商行的网线,我们要用手机来访问开发环境下的页面。那个时候,要是网线和wifi是在同3个网段,那么直接在手机访问电脑的ip就足以访问到大家搭在该地的web服务。可是,很多时候,公司的互联网并不是那般架设的,wifi和网线不在二个网段,那么,通过上述方法就不或许访问到了。

偶尔调试必须在手机上拓展,在chrome下的萧规曹随不可以满足。那时候如何是好吧?以前本身利用的是那样的点子,电脑上插两个360wifi(插USB孔的那种),然后共享出热点,手机连接到那些热点上网,就足以访问到支付环境了。要是要求查阅http请求,在电脑上开辟fiddler,设置七个代理,然后在手机上安装wifi的代理为fiddler,(端口暗许是8888)。那样来自手机的伸手就会被fiddler捕获到,你就能动用fiddler的强硬效率来调节代码了。

上面这些主意挺方便的,可是急需3个微小硬件,360wifi。你可以买贰个,万分有利,百度也有平等的制品。那如果大家手下没有那个硬件可如何是好吧?接下去该主演出场了,那就是ngrok。

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

只是不幸的时,ngrok架设在米国,已经被大家巨大的祖国给墙掉了。但是!一位良心网友在国内架设了一台服务器,大家得以无限制使用,拍手!

废话说了那般多,大家来探望ngrok到底怎么利用呢?其实是一对一简单的。

一、下载相关文书

率先,从那位兄长架设的网站上(

二、运维服务

下载后的八个公文,大家无论找1个索引放好就行,例如,小编放在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

局地内容参考:

皇家赌场手机版,用手机访问当地环境的利器ngrok,使用Fiddler搭建手机调试环境。一部分故事情节参考:

 

大家在测试微信集团号的时候,由于微信的界定,不能把它拿到chrome浏览器中举行调剂,所以就无法实时的观看页面变化景况,因此大家就须求3个可见时刻查阅大家页面变化的工具。纵然应用Fiddler也是存在有的标题,还是不可以直接在大家的浏览器里面调试,然则相比较于将修改后的页面上传播服务器,然后在用手机进行呼吁,简单了千千万万。

我们在测试微信公司号的时候,由于微信的限制,不大概把它得到chrome浏览器中进行调节,所以就不能够实时的看来页面变化意况,由此大家就须要一个可知时刻查阅大家页面变化的工具。即便应用Fiddler也是存在有的标题,如故不只怕直接在大家的浏览器里面调试,但是相比较于将修改后的页面上传到服务器,然后在用手机进行呼吁,不难了过多。

有的内容参考:

1.第2我们必要设置一个fiddler,汉化不汉化的都足以,小编给大家提供一个从未汉化的。链接:
密码:kjjg
,直接一溜鲜明,安装就行。安装完成之后,大家举办以下设置。Fiddler代理专断认同使用端口8888,我们在手机端设置http代理为Fiddler的代理服务器(一会上边有具体的步调),使得手机使用的伸手都通过Fiddler来转载,从而达成查看手机端页面请求的功效。

1.第壹大家要求设置三个fiddler,汉化不汉化的都可以,小编给大家提供一个未曾汉化的。链接:
密码:kjjg
,直接一溜鲜明,安装就行。安装落成之后,大家举办以下设置。Fiddler代理默许使用端口8888,我们在手机端设置http代理为Fiddler的代理服务器(一会上面有实际的步调),使得手机应用的请求都由此Fiddler来转载,从而完成查看手机端页面请求的功效。

我们在测试微信集团号的时候,由于微信的界定,无法把它拿到chrome浏览器中展开调试,所以就无法实时的收看页面变化意况,因此大家就须求二个力所能及时刻查看大家页面变化的工具。即便拔取Fiddler也是存在一些题材,如故不可以一直在大家的浏览器里面调试,然而相相比于将修改后的页面上盛传服务器,然后在用手机进行呼吁,不难了司空见惯。

           1)设置Fiddler的options。

           1)设置Fiddler的options。

1.第三大家须要安装三个fiddler,汉化不汉化的都足以,作者给我们提供2个尚未汉化的。链接:
密码:kjjg
,直接一溜显然,安装就行。安装收尾之后,我们举行以下设置。Fiddler代理默许使用端口8888,我们在手机端设置http代理为Fiddler的代理服务器(一会下边有现实的步骤),使得手机使用的乞求都通过Fiddler来转发,从而完毕查看手机端页面请求的功能。

                         
打开Fiddler->Tools->Fiddler Options在Connection面板里将“Allow
remote computers to
connect”勾选起来,鲜明后,关闭Fiddler并再一次打开Fiddler。

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

           1)设置Fiddler的options。

皇家赌场手机版 5

皇家赌场手机版 6

                          打开Fiddler->Tools->Fiddler
Options在Connection面板里将“Allow remote computers to
connect”勾选起来,显然后,关闭Fiddler并再次打开Fiddler。

       
 2)此时,为了保障代理是例行干活的,我们可以在cmd里实施netstat -anop tcp翻看Fiddler进度是还是不是正规监听8888端口,如若服务没有不荒谬打开,可以品味使用其余端口,端口修改的岗位(可以在上一步里面一向修改)。

       
 2)此时,为了保障代理是符合规律工作的,大家得以在cmd里推行netstat -anop tcp翻开Fiddler进程是还是不是健康监听8888端口,如果服务没有例行打开,可以尝尝利用其他端口,端口修改的职位(可以在上一步里面一贯改动)。

皇家赌场手机版 7

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

大家先开辟职责管理器查看以下我们Fiddler的PID代码是有些。打开义务管理器的飞快键是Ctrl+shift+ESC,平常状态下如图所示,大家的Fiddler.exe的PID是3156,若是你的那么些界面里面没有PID这一项,接着往下看。

       
 2)此时,为了保证代理是常规办事的,我们可以在cmd里推行netstat -anop tcp查看Fiddler进度是还是不是正规监听8888端口,如若服务没有例行打开,可以尝尝运用任何端口,端口修改的职位(可以在上一步里面一贯改动)。

 皇家赌场手机版 8

 皇家赌场手机版 9

大家先打开职务管理器查看以下大家Fiddler的PID代码是多少。打开职务管理器的飞快键是Ctrl+shift+ESC,平常状态下如图所示,我们的Fiddler.exe的PID是3156,借使您的那几个界面里面没有PID这一项,接着往下看。

 

 

 皇家赌场手机版 10

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

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

 

皇家赌场手机版 11

皇家赌场手机版 12

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

 

 

皇家赌场手机版 13

开拓大家的cmd,执行netstat -anop
tcp命令,如下图所示,我们得以观望,PID为3156,正在监听8888端口。那么接下去我们要把手机端的代理设置为Fiddler的代理,代理设置需求三个ip和一个端口,ip就是Fiddler所运营的处理器(安装Fiddler的处理器)的局域网ip地址,端口暗中同意是Fiddler代理的端口8888,请保管手机所在的网段可以访问到电脑所在的网段,同三个局域网里一般没什么难点(电脑用宽带,手机用wifi,三个网就行)。

开辟我们的cmd,执行netstat -anop
tcp命令,如下图所示,大家可以看到,PID为3156,正在监听8888端口。那么接下去大家要把手机端的代理设置为Fiddler的代办,代理设置必要3个ip和三个端口,ip就是Fiddler所运行的电脑(安装Fiddler的电脑)的局域网ip地址,端口暗许是Fiddler代理的端口8888,请确保手机所在的网段可以访问到总括机所在的网段,同三个局域网里一般没什么难题(电脑用宽带,手机用wifi,2个网就行)。

 

皇家赌场手机版 14

皇家赌场手机版 15

打开大家的cmd,执行netstat -anop
tcp命令,如下图所示,大家得以见见,PID为3156,正在监听8888端口。那么接下去大家要把手机端的代理设置为Fiddler的代办,代理设置必要七个ip和三个端口,ip就是Fiddler所运维的微处理器(安装Fiddler的微处理器)的局域网ip地址,端口暗中认同是Fiddler代理的端口8888,请确保手机所在的网段可以访问到总括机所在的网段,同3个局域网里一般没什么难题(电脑用宽带,手机用wifi,2个网就行)。

 

 

皇家赌场手机版 16

 

 

 

2.翻看大家设置fiddler软件的处理器的ip,如图所示,小编的处理器ip是192.168.1.12,因为自个儿用的是店铺的互联网,ip是每一日动态获取的,所以一旦大家不把ip换来固定的,就得每回使用fiddler的时候本身在手动的修改一下。

2.翻看大家设置fiddler软件的微处理器的ip,如图所示,作者的处理器ip是192.168.1.12,因为本人用的是协作社的网络,ip是天天动态获取的,所以假若大家不把ip换来固定的,就得每一趟使用fiddler的时候自个儿在手动的改动一下。

 

皇家赌场手机版 17

皇家赌场手机版 18

2.查看我们设置fiddler软件的微处理器的ip,如图所示,作者的微处理器ip是192.168.1.12,因为作者用的是集团的网络,ip是天天动态获取的,所以假诺大家不把ip换来固定的,就得每一趟使用fiddler的时候自个儿在手动的改动一下。

 

 

皇家赌场手机版 19

 

 

 

 

 

 

 

 

 

3.给大家的无绳电话机安装代理,访问
192.168.1.12:8888,作者用的是Samsung的s7,直接在链接的wifi上面长按就足以,代理主机名是我们的电脑网络的ip,代理服务器端口是我们fiddler监听的十二分,如图所示

3.给大家的无绳电话机安装代理,访问
192.168.1.12:8888,作者用的是Samsung的s7,直接在链接的wifi下面长按就足以,代理主机名是我们的电脑网络的ip,代理服务器端口是大家fiddler监听的不行,如图所示

 

                                               
 皇家赌场手机版 20                         
 皇家赌场手机版 21

                                               
 皇家赌场手机版 22                         
 皇家赌场手机版 23

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

 

 

                                               
 皇家赌场手机版 24                         
 皇家赌场手机版 25

4.终极,大家须求安顿一下大家电脑的hosts文件,路径如下,

4.结尾,我们要求安顿一下大家电脑的hosts文件,路径如下,

 

皇家赌场手机版 26

皇家赌场手机版 27

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

 

 

皇家赌场手机版 28

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

将大家的处理器ip写入,前边跟的是我们要调节的要命网页的网址。

 

皇家赌场手机版 29

皇家赌场手机版 30

将我们的微处理器ip写入,前边跟的是我们要调节的非常网页的网址。

 

 

皇家赌场手机版 31

那样大家就可以调剂大家的手极端的页面了。

如此那般大家就足以调节咱们的手极端的页面了。

 

5.题材:大家设置好了fiddler以往,再拜访https协议的网站的时候,或者会并发上面的难点,如图:

5.难题:我们设置好了fiddler以后,再拜访https协议的网站的时候,大概会出现上面的标题,如图:

如此那般大家就足以调节大家的手极端的页面了。

皇家赌场手机版 32

皇家赌场手机版 33

5.题材:大家设置好了fiddler将来,再拜访https协议的网站的时候,大概会现出上边的难题,如图:

那些题材导致大家不可以健康访问一些网站内容,比如百度,阿里等等,那是因为我们的fiddler开启了监听https,在安装里面把对号去掉就行了。在fiddler页面,点击Tools–Telerik
Fiddler Option–HTTPS,把监督https通道(decrypt HTTPS
traffic)的十一分对号去掉

其一题材导致我们无法经常访问片段网站内容,比如百度,阿里等等,这是因为大家的fiddler开启了监听https,在安装里面把对号去掉就行了。在fiddler页面,点击Tools–Telerik
Fiddler Option–HTTPS,把督察https通道(decrypt HTTPS
traffic)的可怜对号去掉

皇家赌场手机版 34

皇家赌场手机版 35

皇家赌场手机版 36

本条标题造成大家无法健康访问片段网站内容,比如百度,阿里等等,那是因为大家的fiddler开启了监听https,在安装里面把对号去掉就行了。在fiddler页面,点击Tools–Telerik
Fiddler Option–HTTPS,把督查https通道(decrypt HTTPS
traffic)的充足对号去掉

 

 

皇家赌场手机版 37

 

 

 

Leave a Comment.