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

一、问题

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

答案当然是，NO

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

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

二、解决问题

2.1、准备条件

硬件：笔记本

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

注册一个natapp账号

2.2、在natapp购买一个隧道

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

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

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

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

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

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

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

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

记得操作这一步

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

2.6、启动服务进行测试

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

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

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

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

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

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

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

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