使用Fiddler搭建手机调试环境(我做得项目是调试微信的公众号)

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

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

初稿出处: 吕大豹   

咱俩在调节和测验移动端页面,非常是调和Wechat页面包车型客车时候,会高出那样的情事,手机连着集团的wifi,开辟情况(笔记本)插着公司的网线,大家要用手机来访问开拓碰着下的页面。这时,即便网线和wifi是在同二个网段,那么间接在手机访问计算机的ip就足以访谈到我们搭在本地的web服务。不过,超多时候,集团的网络并非这么架设的,wifi和网线不在二个网段,那么,通过上述措施就不也许访问到了。

有的时候候调节和测量试验必需在手提式有线电话机上拓宽,在chrome下的效仿无法满足。当时咋做呢?此前自身使用的是那般的主意,Computer上插一个360wifi(插USB孔的这种),然后分享出紧俏,手提式有线电话机总是到那几个热门上网,就能够访谈到支付情形了。假诺急需查阅http须要,在微电脑上开荒fiddler,设置叁个代理,然后在四哥大上设置wifi的代理为fiddler,(端口默许是8888)。那样来自手提式有线电话机的诉求就能够被fiddler捕获到,你就会选用fiddler的无敌效率来调治代码了。

上边那么些方法挺方便的,可是急需三个纤维硬件,360wifi。你能够买四个,非常便利,百度也可能有同意气风发的制品。那假使大家手下未有那一个硬件可怎么做吧?接下去该主演出场了,这就是ngrok。

ngrok是个怎么样东西呢?其实它便是叁个反向代理,大家机器上运营起那几个服务后,它能够把地面包车型地铁二个端口代理到公网。代理到公网是怎么概念?公网啊,那正是名门都足以访问到了,未有别的互连网范围。当然,大家的测量检验机,连接受其它网络下的无绳电话机也是能够的了。

但是不幸的时,ngrok架设在U.S.,已经被大家伟大的祖国给墙掉了。不过!一个人良心网民在本国架设了风华正茂台服务器,大家得以轻松使用,击掌!

废话说了这么多,我们来拜候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端口,假诺服务未有健康张开,能够尝试接受其它端口,端口改善的任务(能够在上一步里面平昔纠正)。

我们先张开职务微电脑查看以下咱们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的计算机)的局域网ip地址,端口暗中同意是Fiddler代理的端口8888,请保管手机所在的网段能够访问到计算机所在的网段,同叁个局域网里经常没什么难点(Computer用宽带,手提式有线电话机用wifi,叁个网就能够)。

图片 8

 

 

2.查看大家设置fiddler软件的微型机的ip,如图所示,作者的微电脑ip是192.168.1.12,因为作者用的是商号的网络,ip是每日动态获取的,所以往生可畏旦大家不把ip换到固定的,就得每一回使用fiddler的时候本身在手动的改善一下。

图片 9

 

 

 

 

3.给我们的手提式有线电话机安装代理,访问192.168.1.12:8888,笔者用的是三星(Samsung卡塔尔(قطر‎的s7,直接在链接的wifi上边长按就能够,代理主机名是大家的Computer互连网的ip,代理服务器端口是大家fiddler监听的非常,如图所示

                                               
 图片 10                         
 图片 11

 

4.结尾,大家必要陈设一下我们计算机的hosts文件,路线如下,

图片 12

 

将大家的Computerip写入,后边跟的是大家要调节的要命网页的网址。

图片 13

 

与上述同类咱们就足以调整我们的手极端的页面了。

5.难点:大家设置好了fiddler今后,再拜见https合同的网址的时候,或者会产出上面包车型地铁难点,如图:

图片 14

其风流罗曼蒂克主题素材招致我们必须要荒谬访谈片段网站内容,比方百度,Ali等等,那是因为大家的fiddler开启了监听https,在装置里面把对号去掉就能够了。在fiddler页面,点击Tools–Telerik
Fiddler Option–HTTPS,把督查https通道(decrypt HTTPS
traffic)的极度对号去掉

图片 15

 

相关文章