猫窝私语 — Makumo's Blog

玛酷猫的温馨小窝,记录生活点点滴滴。

@玛酷猫3年前

06/30
12:07
计算机

使用ngrok进行微信本地调试

接手微信公众平台的二次开发工作,最苦逼的莫过于调试了,每次完成都要传到服务器上,在用手机调试,各种烦躁。于是乎在网上找找本地调试的方法,一搜还真不少,思路都是一样的,就是想办法把手机端提出的请求转变到本地测试环境上。综合难易程度,决定选用ngrok软件来进行本地调试。

设置起来也很简单,首先去ngrok官网注册一个账号(不幸被墙,需要自行搭梯子。顺便吐槽下很多很好用的小工具都在墙外。),注册完成后会得到一个Tunnel Authtoken,先复制保存下来,留着后用。然后下载软件,由于用的windows,所以就下载windows版本的,下载后解压,就得到一个ngrok.exe的文件

WIN+R,cmd打开命令提示行,进入ngrok.exe那个目录,运行ngrok authtoken 之前得到的Tunnel Authtoken,登陆下,然后运行ngrok http 80 就可以使用了,窗口会显示关联的域名、状态、连接数和请求。如下图ngrok

由于个人开发习惯,IIS下面会有多个测试网站存在,然后在HOST里面会写一堆如下的指向

www.a.com 127.0.0.1
www.b.com 127.0.0.1
www.c.com 127.0.0.1
#等等…………………………

在IIS站点中主机名填上www.a.com就可以直接用www.a.com这个域名来做测试,再将上面ngrok虚拟出来的网址填写进主机名中,就OK了,从此就可以愉快的调试了。不过每次运行得到的网址都会变更,需要重新修改微信公众平台和IIS设置。如果想每次运行网址不变,可以使用ngrok http -subdomain=自定义的域名 80 来固定二级域名,不过这个功能属于高级用户,也就是要收费的,5美元/月起,我等屌丝还是老老实实用免费版的。

使用ngrok进行微信本地调试