菜单

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

2019年11月15日 - 前端排行
用手机访问本地环境的利器ngrok,使用Fiddler搭建手机调试环境

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

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

原稿出处: 吕大豹   

大家在调节和测验移动端页面,极其是疗养Wechat页面包车型客车时候,会遇见这么的图景,手机连着厂商的wifi,开荒情形(台式机卡塔尔插着集团的网线,大家要用手提式有线电话机来访谈开采条件下的页面。当时,如若网线和wifi是在同三个网段,那么直接在四哥大访谈Computer的ip就能够访谈到我们搭在地面包车型大巴web服务。不过,比相当多时候,集团的网络并非如此架设的,wifi和网线不在一个网段,那么,通过上述方式就不大概访谈到了。

不常调节和测量试验必需在手提式无线话机上开展,在chrome下的比葫芦画瓢无法满意。当时怎么做呢?此前本人利用的是这么的不二等秘书诀,计算机上插三个360wifi(插USB孔的这种卡塔尔国,然后分享出销路好,手提式有线电话机总是到这么些火热上网,就足以访谈到支付景况了。要是须要查阅http央浼,在计算机上开发fiddler,设置叁个代理,然后在手提式有线话机上安装wifi的代理为fiddler,(端口暗中同意是8888卡塔 尔(英语:State of Qatar)。这样来自手提式有线电话机的央浼就能够被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开关了吗,点击它能够手动再发起一遍你选中的央求,差不离无法更赞,那样我们调节和测量检验有些数据接口时,也省了老去手提式有线电话机上刷新页面了,尤其是调护医疗微信页面,不必每一次都去刷该死的二维码了。

这么些利器的核心用法就介绍到那边,能满足大家开头建议的需要了。其实它还会有更有力的效应,风乐趣的能够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所运维的Computer(安装Fiddler的Computer卡塔尔国的局域网ip地址,端口暗中同意是Fiddler代理的端口8888,请保管手提式有线电话机所在的网段能够访问到Computer所在的网段,同三个局域网里日常没什么难点(计算机用宽带,手提式有线电电话机用wifi,三个网就行卡塔尔。

图片 8

 

 

2.查看大家设置fiddler软件的微型机的ip,如图所示,小编的微型机ip是192.168.1.12,因为自身用的是合营社的网络,ip是每一天动态获取的,所以风流倜傥旦大家不把ip换来固定的,就得每一遍使用fiddler的时候自个儿在手动的退换一下。

图片 9

相关文章

发表评论

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

网站地图xml地图