微信 JSSDK 本地调试方案问题背景
微信公众号开发接口配置需要一个外网能访问的域名。localhost 不在这个域名下，wx.config 会失败。如果每次修改都发布到测试环境，又太影响开发效率。
解决方案
除了直接上测试环境之外，还有两种方式可以实现微信 JSSDK 本地调试：
1. 使用 NgrokNgrok 是一个开源的工具，可以将本地端口映射到外网，提供一个临时域名。这样就可以在本地调试微信公众号开发接口配置了。
步骤
1. 下载并安装 Ngrok。
2. 在项目根目录下新建一个文件夹，例如 `ngrok`。
3. 将 Ngrok 的二进制文件复制到该文件夹中。
4. 运行 Ngrok，使用以下命令启动 Ngrok服务：
```bash./ngrok Ngrok 会生成一个临时域名，如 ` 在微信公众号开发工具中，使用 wx.config 配置微信公众号开发接口。
注意
* Ngrok 的临时域名每次启动都会改变，因此需要在每次启动 Ngrok 后重新填入微信公众号开发接口配置中的域名。
* Ngrok 有免费和付费版本，免费版本有使用限制，如30 天内只能使用40 次。
2. 使用 LocalTunnelLocalTunnel 是另一个开源的工具，可以将本地端口映射到外网，提供一个临时域名。与 Ngrok 类似，也可以在本地调试微信公众号开发接口配置。
步骤
1. 下载并安装 LocalTunnel。
2. 在项目根目录下新建一个文件夹，例如 `localtunnel`。
3. 将 LocalTunnel 的二进制文件复制到该文件夹中。
4. 运行 LocalTunnel，使用以下命令启动 LocalTunnel服务：
```bashlt -p8080```
5. LocalTunnel 会生成一个临时域名，如 ` 在微信公众号开发工具中，使用 wx.config 配置微信公众号开发接口。
注意
* LocalTunnel 的临时域名每次启动都会改变，因此需要在每次启动 LocalTunnel 后重新填入微信公众号开发接口配置中的域名。
* LocalTunnel 有免费和付费版本，免费版本有使用限制，如30 天内只能使用40 次。
总结
除了直接上测试环境之外，还有两种方式可以实现微信 JSSDK 本地调试：使用 Ngrok 或 LocalTunnel。这些工具可以将本地端口映射到外网，提供一个临时域名，使得在本地调试微信公众号开发接口配置成为可能。
