这是我参与更文挑战的第3天，活动详情查看： 更文挑战

前言

通常我们做公众号开发会遇到什么问题？比如还没有开发环境。而且公众号开发不能像开发其他网页一样可以自己在本地起一个服务就可以了，因为我们需要用到一些微信提供的sdk。那我们如何打造这样一个比较好的开发环境呢。

工具介绍

今天给大家推荐一个生产力工具：uTools。这个软件的功能很多，这里就不做过多介绍，唯一介绍的就是今天我们要用到了内网穿透。当前我们下载安装后，打开界面如下： 在输入框中搜索内网穿透然后下载就可以了，这里的下载过程就不详细述说了，咱们来看看具体配置以及如何使用这个内网穿透。

工具配置

下载后再点击工具右边的logo会看到一个已安装的，如图： 点击图中红框的内网穿透就进到了配置界面，在配置界面新建一个做如下配置： 这里我们需要关注的就是最后三项。

• 外网域名 这里的外网域名就是我们需要通过访问的域名，这里大家可以根据自己的喜好填写。符合域名规范即可。
• 内网地址 就是指向本地服务的地址，即服务地址
• 内网端口 就是本地服务的端口号

配置好后点击链接，如果出现如下图链接成功即可：

启动本地服务

这里呢以vue项目为例启动我们的项目，当我们启动服务后需要查看服务启动后的域名，如图中我的域名是localhost:8081，那么我们刚刚配置的端口也需要改为8081，然后再链接。最终的配置如下：

预览项目

接下来我们打开微信开发者工具，并且切换到公众号开发模式，将我们在utools里面配置的域名在微信开发者工具中打开就能看到界面了。如果在代码中加入公众号授权运行的话就能看到如下所示的界面了。

当我们点击同意就能授权成功了，这样我们在开发公众号的时候就会方便很多，不用每次都放到服务器上测试了。