vue本地开发微信公众号（测试号）--获取code

在使用vue开发微信公众号的过程中，我们不可避免的需要测试，每次改动一点点就要打包上传服务器？那也太鱼唇了，那么vue怎么在本地测试呢？如何能够做到npm run serve就可以直接进行公众号调试呢？

在开始之前需要有一下几个条件：

1. 申请一个微信测试号
2. 下载微信开发者工具，（要想获取code换取openid必须使用微信浏览器，微信开发者工具可以调试网页）
3. 使用natapp申请一个免费的内网穿透通道
4. 搭建一个本地服务器（我这里使用的xampp集成环境）

下面是我自己整理的详细步骤：

1、申请natapp免费通道

访问natapp官网下载工具，传送门：https://natapp.cn/article

然后登陆natapp购买免费的内网穿透通道，没有账号的自己注册一个：

购买后你需要用到的东西如下：

将下载的natapp.exe与config.ini放在同一个目录下，config.ini配置如下（authtoken替换成你的就行）：