最近在做一个简单的H5项目，其中用到了微信JSSDK。

在搭建本地调试环境的时候，用到了内网穿透。这也是微信开发逼的啊！

为了能完美搭配微信开发，我也查阅了不少资料，最后成功使用NATAPP实现内网穿透并搭建好了微信本地开发环境。

所以，写一篇文章记录一下这坑爹的“搭环境”过程。

一、内网穿透是啥？？

简单点说，就是我通过公网能够访问你的电脑。

百度百科：

内网穿透即NAT穿透，网络连接时术语，计算机是局域网内时，外网与内网的计算机节点需要连接通信，有时就会出现不支持内网穿透。

就是说映射端口,能让外网的电脑找到处于内网的电脑,提高下载速度。

二、如何实现内网穿透？

那我们如何实现内网穿透呢？这里我们需NATAPP啦，网址是：https://natapp.cn/

1. 第一步，注册账号。

注册的具体过程我就不多说了，很简单的。

2. 第二步，登陆账号。

登陆账号之后，我们就可以看到网页左边显示的菜单了，接下来我们要做的就是购买隧道和二级域名。

image

3. 第三步，购买隧道。

买隧道的话，这里我们买VIP_1型就可以了，比较便宜，而且可以进行微信开发，也就可以进行测试了。

image

这里，有一个问题我们需要注意一下：

image

这个二级域名它明确告诉我们不支持微信开发，所以我们这里选不需要，但是，购买隧道之后，我们仍需要购买耳机域名。

4. 第四步，购买二级域名，并与刚才购买的隧道绑定。

image image

这里我们买一个支持微信开发的，然后将二级域名和我们刚才购买的隧道绑定在一起。

5. 第五步，下载客户端并配置客户端，启动NATAPP。

image

我们从NATAPP官网上下载客户端，也就是一个压缩包，这里因为我用的是Windows系统，所以解压后就只有一个.exe文件。（解压路径最好全英为，防止出现什么玄学问题）

接下来，我们去配置一下。

image

这里下载config.ini，放到和刚才解压的natapp.exe同一目录下。

image

然后，修改config.ini其中的内容，配置其中的authtoken。

image image

6. 第六步，本地启动，开启内网穿透之旅！！

这一步我们直接打开natapp.exe，就可以完成内网穿透了！！

image

这里我先启动tomcat，然后我们就可以通过域名访问我们的tomcat了，当然用手机也可以访问！！

image

三、结语

好了，我们已经成功实现内网穿透。那么下一篇文章，我会为大家介绍一下如何接入微信JSSDK，一方面总结一下自己的学习成果，另一方面也希望能够帮助大家少走一些弯路，毕竟微信这块还是坑比较多的。

---

好了，最后还是欢迎大家关注我的公众号，我们一同学习进步！

image