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

图片 15

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

用手提式有线电话机访谈本地境况的利器ngrok

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

初藳出处: 吕大豹   

作者们在调节和测量试验移动端页面,尤其是调度Wechat页面包车型客车时候,会蒙受这样的意况,手提式有线电话机连着集团的wifi,开拓条件(笔记本卡塔 尔(阿拉伯语:قطر‎插着商家的网线,大家要用手提式有线话机来访问开辟条件下的页面。当时,若是网线和wifi是在同多个网段,那么直接在手提式有线话机采访电脑的ip就足以访谈到大家搭在地头的web服务。不过,相当多时候,公司的网络实际不是那般架设的,wifi和网线不在多个网段,那么,通过上述方法就不能访谈到了。

临时调节和测验必得在大哥伦比亚大学上扩充,在chrome下的依葫芦画瓢无法满意。当时如何是好呢?以前小编动用的是这么的格局,Computer上插一个360wifi(插USB孔的这种卡塔尔,然后分享出火爆,手提式无线电话机总是到这几个销路广上网,就能够访问到支付遭遇了。假诺急需查阅http诉求,在Computer上开荒fiddler,设置叁个代理,然后在手提式有线电电话机上设置wifi的代理为fiddler,(端口私下认可是8888卡塔尔。那样来自手提式有线电话机的呼吁就能被fiddler捕获到,你就能够应用fiddler的不战自胜效用来调解代码了。

地点那个艺术挺方便的,不过供给二个小小的硬件,360wifi。你能够买二个,特别便于,百度也是有相像的出品。那假若大家手下未有那么些硬件可如何是好呢?接下去该主演出场了,那正是ngrok。

ngrok是个如徐婧西呢?其实它就是叁个反向代理,大家机器上运营起那么些服务后,它能够把本地的七个端口代理到公网。代理到公网是何许概念?公网啊,那正是大家都足以访谈到了,未有别的互连网范围。当然,大家的测验机,连选拔此外网络下的手提式有线电话机也是能够的了。

而是不幸的时,ngrok架设在美利哥,已经被我们庞大的祖国给墙掉了。不过!一个人良心网上好朋友在本国架设了后生可畏台服务器,大家得以随心所欲使用,击掌!

废话说了如此多,大家来探视ngrok到底怎么利用啊?其实是风华正茂对一简单的。

风华正茂、下载相关文书

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

二、运转服务

下载后的三个文本,我们不管找三个索引放好就行,举例,小编放在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开关了呢,点击它可以手动再发起一次你选中的恳求,几乎无法更赞,那样大家调节和测量试验某些数据接口时,也省了老去手提式有线电话机上刷新页面了,尤其是调度Wechat页面,不必每回都去刷该死的二维码了。

这一个利器的骨干用法就介绍到那边,能满意我们早先提议的要求了。其实它还会有更结实大的作用,有意思味的能够FQ去官方网址查阅文档。最终再一次为国内的那位仁兄点赞,大家也可以去她搭建的网址上面查占星关资料:

2 赞 5 收藏 4
评论

图片 4

有些内容参照他事他说加以调查:

大家在测量试验Wechat集团号的时候,由于Wechat的界定,不可能把它拿到chrome浏览器中开展调整,所以就无法实时的来看页面变化意况,由此我们就须要二个能够时刻查阅大家页面变化的工具。尽管应用Fiddler也是存在有的难点,依旧不可能直接在大家的浏览器里面调试,不过相比于将改过后的页面上传来服务器,然后在用手机实行呼吁,轻松了重重。

1.第生龙活虎大家须求安装一个fiddler,汉化不汉化的都足以,小编给我们提供七个未有汉化的。链接:
密码:kjjg
,直接大器晚成溜显然,安装就行。安装收尾之后,大家开展以下设置。Fiddler代理私下认可使用端口8888,大家在手提式有线电话机端设置http代理为Fiddler的代理服务器(一会上面有具体的步子卡塔尔国,使得手提式有线电话机应用的伸手都经过Fiddler来转载,进而完毕查看手机端页面央浼的效果与利益。

           1)设置Fiddler的options。

                         
张开Fiddler->Tools->Fiddler Options在Connection面板里将“Allow
remote computers to
connect”勾选起来,显明后,关闭Fiddler相提并论复张开Fiddler。

图片 5

       
 2卡塔尔这时,为了确认保障代理是常规专门的学业的,大家能够在cmd里施行netstat -anop tcp查阅Fiddler进度是不是健康监听8888端口,假如服务未有健康张开,能够尝试采纳其它端口,端口改进的职责(能够在上一步里面一贯改换卡塔 尔(英语:State of Qatar)。

大家先打开任务微型机查看以下大家Fiddler的PID代码是有一点点。张开职责微电脑的飞速键是Ctrl+shift+ESC,平常情形下如图所示,我们的Fiddler.exe的PID是3156,如若您的这些分界面里面未有PID那风姿罗曼蒂克项,接着往下看。

 图片 6

 

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

图片 7

 

开拓大家的cmd,实行netstat -anop
tcp命令,如下图所示,我们能够看出,PID为3156,正在监听8888端口。那么接下去我们要把手提式有线话机端的代理设置为Fiddler的代理,代理设置必要叁个ip和多少个端口,ip就是Fiddler所运行的微型机(安装Fiddler的Computer卡塔 尔(英语:State of Qatar)的局域网ip地址,端口暗许是Fiddler代理的端口8888,请保管手提式无线电话机所在的网段能够访问到计算机所在的网段,同三个局域网里平时没什么难题(计算机用宽带,手提式有线电话机用wifi,叁个网就能够卡塔 尔(英语:State of Qatar)。

图片 8

 

 

2.查看大家设置fiddler软件的微计算机的ip,如图所示,小编的微型机ip是192.168.1.12,因为小编用的是集团的互联网,ip是每一日动态获取的,所以只要我们不把ip换到固定的,就得每趟使用fiddler的时候自个儿在手动的更动一下。

图片 9

 

 

 

 

3.给我们的无绳电话机安装代理,访谈192.168.1.12:8888,笔者用的是三星的s7,直接在链接的wifi上面长按就足以,代理主机名是我们的计算机网络的ip,代理服务器端口是大家fiddler监听的不胜,如图所示

                                               
 图片 10                         
 图片 11

 

4.尾声,大家须要配备一下大家Computer的hosts文件,路线如下,

图片 12

 

将我们的微型机ip写入,后边跟的是我们要调解的极度网页的网站。

图片 13

 

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

5.主题材料:大家设置好了fiddler今后,再拜见https合同的网址的时候,恐怕会现出下边的难点,如图:

图片 14

其大器晚成标题变成大家必须要荒谬访谈片段网址内容,举个例子百度,阿里等等,那是因为大家的fiddler开启了监听https,在装置里面把对号去掉就能够了。在fiddler页面,点击Tools–Telerik
Fiddler Option–HTTPS,把督察https通道(decrypt HTTPS
traffic卡塔 尔(英语:State of Qatar)的相当对号去掉

图片 15

 

admin

网站地图xml地图