自我做得项目是调剂微信的公众号,用手机访问当地环境的利器ngrok

by admin on 2019年1月31日

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

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

初稿出处: 吕大豹   

俺们在调节移动端页面,更加是调节微信页面的时候,会遇见这么的景色,手机连着商家的wifi,开发条件(台式机)插着公司的网线,大家要用手机来访问开发环境下的页面。这几个时候,假诺网线和wifi是在同一个网段,那么直接在手机访问电脑的ip就足以访问到大家搭在该地的web服务。不过,很多时候,集团的互联网并不是那般架设的,wifi和网线不在一个网段,那么,通过上述方法就无法访问到了。

有时候调试必须在表哥大上进行,在chrome下的效仿不能够知足。那时候怎么做呢?以前我利用的是那般的方法,电脑上插一个360wifi(插USB孔的那种),然后共享出热点,手机总是到这一个热点上网,就足以访问到支付环境了。假诺须求查阅http请求,在处理器上打开fiddler,设置一个代理,然后在二哥大上设置wifi的代理为fiddler,(端口默许是8888)。那样来自手机的请求就会被fiddler捕获到,你就能运用fiddler的无敌功效来调节代码了。

下面这么些办法挺便宜的,不过急需一个微细硬件,360wifi。你可以买一个,十分有利于,百度也有一致的出品。那即使大家手下没有那几个硬件可怎么办吧?接下去该主演出场了,那就是ngrok。

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

而是不幸的时,ngrok架设在美利哥,已经被大家巨大的祖国给墙掉了。不过!一位良心网友在国内架设了一台服务器,大家得以肆意使用,鼓掌!

废话说了这么多,我们来探视ngrok到底怎么使用呢?其实是一定容易的。

一、下载相关文件

先是,从那位老兄架设的网站上(

二、运行服务

下载后的七个公文,大家随便找一个目录放好就行,例如,我放在D盘,这样就行了:
必发88 1

接下来,打开cmd终端,输入如下命令来启动服务: ngrok -config ngrok.cfg -subdomain lvdabao 80

用-config参数来指定布署文件,-subdomain指定访问的子域名称和本土的端口,现身以下界面,表明启动成功了:

必发88 2

自我做得项目是调剂微信的公众号,用手机访问当地环境的利器ngrok。留神一点,这一个子域名称是足以擅自起的,但不可以与旁人的重名,因为那个称呼是您的代理的绝无仅有标识,之后用

自我做得项目是调剂微信的公众号,用手机访问当地环境的利器ngrok。三、进入调剂界面

把劳动启动起来还不够,大家的末段目标是要调节呀,大家得能捕获到http请求才行。要贯彻这么些也一定简单,因为ngrok已经为你准备好了。真是相当贴心啊~

请看上面服务运行起来后的音讯,有一项 Web Interface 127.0.0.1:4040 ,我们一直访问它就可以展开调剂了,在您本地浏览器输入那么些地址,试试看吗。

必发88 3

很炫酷有没有,你可以见见http请求头和再次回到的情节,你必要的都有了。

再者,还有一个更好用的功力,看到那一个Replay按钮了啊,点击它能够手动再发起两回你选中的哀告,大约无法更赞,这样我们调试某个数据接口时,也省了老去手机上刷新页面了,越发是调节微信页面,不必每一回都去刷该死的二维码了。

以此利器的着力用法就介绍到此处,能满足大家初步提议的需要了。其实它还有更强有力的效率,有趣味的可以FQ去官网查阅文档。最终再度为国内的这位仁兄点赞,大家也足以去她搭建的网站下面查看相关资料:

2 赞 5 收藏 4
评论

必发88 4

一些内容参考:

有些内容参考:

 

咱俩在测试微信公司号的时候,由于微信的限制,不可以把它获得chrome浏览器中展开调试,所以就无法实时的观察页面变化意况,因此我们就必要一个力所能及时刻查阅大家页面变化的工具。固然应用Fiddler也是存在部分题材,仍然不可能平素在大家的浏览器里面调试,不过相相比于将修改后的页面上传出服务器,然后在用手机进行呼吁,简单了无数。

我们在测试微信公司号的时候,由于微信的限量,不能够把它获得chrome浏览器中举办调剂,所以就无法实时的看来页面变化景况,因此大家就要求一个可见时刻查看大家页面变化的工具。固然选取Fiddler也是存在有的标题,仍然不可能一向在大家的浏览器里面调试,然而相比于将修改后的页面上流传服务器,然后在用手机举行呼吁,简单了重重。

有些情节参考:

1.先是大家需求安装一个fiddler,汉化不汉化的都可以,我给大家提供一个从未有过汉化的。链接:
密码:kjjg
,直接一溜确定,安装就行。安装落成之后,大家开展以下设置。Fiddler代理默许使用端口8888,我们在手机端设置http代理为Fiddler的代理服务器(一会上边有切实的步骤),使得手机选拔的呼吁都通过Fiddler来转载,从而落成查看手机端页面请求的成效。

1.第一大家需求设置一个fiddler,汉化不汉化的都得以,我给我们提供一个尚未汉化的。链接:
密码:kjjg
,直接一溜确定,安装就行。安装收尾之后,大家举办以下设置。Fiddler代理默许使用端口8888,我们在手机端设置http代理为Fiddler的代理服务器(一会上面有切实的步骤),使得手机使用的呼吁都经过Fiddler来转载,从而完结查看手机端页面请求的效益。

咱俩在测试微信公司号的时候,由于微信的界定,不可能把它得到chrome浏览器中进行调剂,所以就不可以实时的看来页面变化景况,由此大家就需求一个可以时刻查阅我们页面变化的工具。就算应用Fiddler也是存在一些难题,如故无法平昔在大家的浏览器里面调试,然而相比较于将修改后的页面上传来服务器,然后在用手机进行呼吁,简单了众多。

           1)设置Fiddler的options。

           1)设置Fiddler的options。

必发88,1.率先大家须要安装一个fiddler,汉化不汉化的都足以,我给大家提供一个不曾汉化的。链接:
密码: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。

必发88 5

必发88 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端口,倘诺服务没有健康打开,可以品味拔取其余端口,端口修改的岗位(可以在上一步里面一向改动)。

必发88 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端口,要是服务没有正规打开,可以尝尝选择任何端口,端口修改的义务(可以在上一步里面从来修改)。

 必发88 8

 必发88 9

大家先开辟任务管理器查看以下大家Fiddler的PID代码是稍稍。打开职责管理器的飞速键是Ctrl+shift+ESC,正常情状下如图所示,大家的Fiddler.exe的PID是3156,即便您的那几个界面里面没有PID这一项,接着往下看。

 

 

 必发88 10

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

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

 

必发88 11

必发88 12

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

 

 

必发88 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的代办,代理设置须求一个ip和一个端口,ip就是Fiddler所运行的处理器(安装Fiddler的处理器)的局域网ip地址,端口默许是Fiddler代理的端口8888,请保管手机所在的网段可以访问到总括机所在的网段,同一个局域网里一般没什么难题(电脑用宽带,手机用wifi,一个网就行)。

 

必发88 14

必发88 15

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

 

 

必发88 16

 

 

 

2.翻看大家设置fiddler软件的微机的ip,如图所示,我的微机ip是192.168.1.12,因为自身用的是商店的网络,ip是每天动态获取的,所以若是我们不把ip换成固定的,就得每一次使用fiddler的时候自己在手动的修改一下。

2.查看大家设置fiddler软件的微机的ip,如图所示,我的微处理器ip是192.168.1.12,因为我用的是同盟社的互连网,ip是每一日动态获取的,所以只要我们不把ip换成固定的,就得每一趟使用fiddler的时候自己在手动的改动一下。

 

必发88 17

必发88 18

2.查看大家设置fiddler软件的微机的ip,如图所示,我的微处理器ip是192.168.1.12,因为自己用的是商店的互联网,ip是天天动态获取的,所以如果大家不把ip换成固定的,就得每便使用fiddler的时候自己在手动的改动一下。

 

 

必发88 19

 

 

 

 

 

 

 

 

 

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

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

 

                                               
 必发88 20                         
 必发88 21

                                               
 必发88 22                         
 必发88 23

3.给大家的无绳电话机安装代理,访问
192.168.1.12:8888,我用的是三星(Samsung)的s7,直接在链接的wifi上面长按就可以,代理主机名是大家的电脑互联网的ip,代理服务器端口是大家fiddler监听的万分,如图所示

 

 

                                               
 必发88 24                         
 必发88 25

4.最后,大家需求配备一下我们电脑的hosts文件,路径如下,

4.末尾,大家须要布置一下我们电脑的hosts文件,路径如下,

 

必发88 26

必发88 27

4.最后,我们须要配置一下我们电脑的hosts文件,路径如下,

 

 

必发88 28

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

将大家的微处理器ip写入,后边跟的是大家要调节的老大网页的网址。

 

必发88 29

必发88 30

将我们的微机ip写入,前边跟的是大家要调节的可怜网页的网址。

 

 

必发88 31

这么我们就足以调节我们的手极端的页面了。

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

 

5.标题:大家设置好了fiddler未来,再拜访https协议的网站的时候,可能会现出下边的难题,如图:

5.题材:大家设置好了fiddler未来,再拜访https协议的网站的时候,可能会油但是生下边的难题,如图:

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

必发88 32

必发88 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)的不得了对号去掉

必发88 34

必发88 35

必发88 36

以此标题导致我们不可能正常访问一些网站内容,比如百度,阿里等等,这是因为我们的fiddler开启了监听https,在装置里面把对号去掉就行了。在fiddler页面,点击Tools–Telerik
Fiddler Option–HTTPS,把督查https通道(decrypt HTTPS
traffic)的那多少个对号去掉

 

 

必发88 37

 

 

 

发表评论

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

网站地图xml地图