利用NATAPP隧道解决微信公众号开发之本地调试难题

一、问题

众所周知,微信公众号开发需要公网的有效域名和80端口,本机当然互联网是访问不了的。那么我们难道去一个公网的服务器去开发吗?那样是不是太土了。

答案当然是,NO

当然我们在做微信支付的时候,有些URL需要域名进行备案了,那么我们首先需要准备一个域名,并且通过的备案,我这里是阿里的一个域名smartbi.club

已经个人备案成功,ICP可查

二、解决问题

2.1、准备条件

硬件:笔记本

软件:Tomcat+NATAPP软件https://natapp.cn+通过备案的域名

注册一个natapp账号

2.2、在natapp购买一个隧道

登录natapp账号,购买一个VIP_1的隧道,因为只有付费的隧道才支持自定义域名,那么我就选一个最便宜的

利用NATAPP隧道解决微信公众号开发之本地调试难题

2.3、选择自主域名,添加已备案域名

如下图,填写我们的域名,如我的smartbi.club,系统会调用工信部接口进行验证,如下图,我的是通过的

利用NATAPP隧道解决微信公众号开发之本地调试难题

2.4、修改隧道配置,绑定自主域名

如下图,进入natapp,点击我的隧道,选择VIP_1隧道,点击配置

利用NATAPP隧道解决微信公众号开发之本地调试难题

进入设置,如下图把我们的自主域名smartbi.club绑定到隧道中,注意必须是我们已经授权的域名

利用NATAPP隧道解决微信公众号开发之本地调试难题

2.5、将要绑定的域名CNAME 解析 到 s1.natapp.cc

这一步需要到我们的域名服务商哪里,比如我的域名是阿里云的就去阿里云的域名控制台操作,如下图,千万要

记得操作这一步

利用NATAPP隧道解决微信公众号开发之本地调试难题

 

CNAME成功的话,ping域名会跳转到s1.natapp.cc,如下图所示

利用NATAPP隧道解决微信公众号开发之本地调试难题

 

2.6、启动服务进行测试

首先启动Tomcat服务,用80端口启动,确保localhost访问到Tomcat,如下图

利用NATAPP隧道解决微信公众号开发之本地调试难题

其次进入 natapp的解压目录C:\Users\king\Desktop\natapp_windows_amd64_2_3_8,运行natapp.exe,如下图,我们需要CMD在natapp的根目录执行命令natapp -authtoken=dce03c074f374324  , authtoken的值在natapp账户中我们买的隧道中查看

利用NATAPP隧道解决微信公众号开发之本地调试难题

点击回车,隧道服务启动成功,可以看到是根据我们的自主域名启动的隧道

利用NATAPP隧道解决微信公众号开发之本地调试难题

访问测试,这个时候访问http://smartbi.club我们发现,可以访问到我们自己笔记本的Tomcat了,说明开启隧道成功,如下图所示,这里为了区分我把Tomcat默认主页的HOME改为了King Local Home

利用NATAPP隧道解决微信公众号开发之本地调试难题

2.7、测试一下微信支付中的认证

如下图,可以看到微信支付中的认证成功,接下来就可以在本机开发和调试微信支付相关接口了

利用NATAPP隧道解决微信公众号开发之本地调试难题

需要注意的是,我们运行隧道服务的窗口不能关闭,具体可以去官网natapp.cn查看开机启动natapp的相关操作,或者是让cmd在后台运行,

避免误操作关闭。如果是窗口化运行隧道服务,窗口关闭则隧道服务关闭,如下图,我们访问域名的时候,这里可以监听到访问请求

利用NATAPP隧道解决微信公众号开发之本地调试难题

 

利用NATAPP隧道解决微信公众号开发之本地调试难题

上一篇:微信小游戏横屏设置


下一篇:微信小程序入门教程