使用微信开发者工具调试微信web项目

相信刚接触微信web开发的童鞋们,如我一样或多或少会被怎么调试弄得头大。

我刚开始的时候是使用了ngrok+阿里云服务器,现在阿里云服务器挂了个项目,不能随便动了,另外自己编译ngrok程序比较麻烦,所以另辟蹊径使用了如下方法。

使用微信开发者工具+域名+ngrok.cc。ngrok.cc提供了隧道服务(详情查看ngrok.cc主页)

步骤如下:

一  下载微信开发者工具 百度经验链接,安装;

二 打开自己的微信测试公众号,扫码关注即可。

三 注册登录ngrok.cc开通免费隧道


使用微信开发者工具调试微信web项目_第1张图片

开通后修改隧道,设置自定义域名。  这里要求自己要有域名,到万网买一个便宜的,为域名添加cname解析,解析好后命令行启动ngrok隧道,测试域名请求是否指向本机。

三 修改微信公众号接口配置信息

1)启动java web项目

2)登录微信公众号,设置接口配置信息,并进行token验证

使用微信开发者工具调试微信web项目_第2张图片

点击上图提交按钮后会进行token验证请求,如果顺利就会弹出成功提示。不知道是隧道原因,还是其它未知原因验证经常不通过,多试几次,并根据返回码进行检查。

四 填写网页授权域名


使用微信开发者工具调试微信web项目_第3张图片

设置后,就可以打开微信调试工具 扫码登录进行调试开发了。

你可能感兴趣的:(使用微信开发者工具调试微信web项目)