选取Fiddler搭建手机调试环境,我做得项目是调剂微信的民众号

用手机访问当地环境的利器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盘,这样就行了:
澳门葡京 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

一些情节参考:

部分情节参考:

选取Fiddler搭建手机调试环境,我做得项目是调剂微信的民众号。 

咱俩在测试微信集团号的时候,由于微信的限量,不可以把它得到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。

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。

澳门葡京 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的代办,代理设置需要一个ip和一个端口,ip就是Fiddler所运行的处理器(安装Fiddler的处理器)的局域网ip地址,端口默认是Fiddler代理的端口8888,请确保手机所在的网段可以访问到总计机所在的网段,同一个局域网里一般没什么问题(电脑用宽带,手机用wifi,一个网就行)。

 

澳门葡京 14

澳门葡京 15

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

 

 

澳门葡京 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,我用的是三星的s7,间接在链接的wifi下面长按就可以,代理主机名是我们的电脑网络的ip,代理服务器端口是大家fiddler监听的这些,如图所示

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

 

                                               
 澳门葡京 20                         
 澳门葡京 21

                                               
 澳门葡京 22                         
 澳门葡京 23

3.给我们的无绳电话机安装代理,访问
192.168.1.12:8888,我用的是三星的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

 

 

 

相关文章

发表评论

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

*
*
Website