工具

HBuilder X 、微信开发者工具、微信公众平台地址（微信公众平台）

配置

一、manifest.json 配置

通过 HBuilder X 打开 manifest.json 文件，找到 微信小程序配置，填写 微信小程序AppID，此 AppID 必须是本人有权限的 ID。具体配置如下图。

微信小程序 AppID 获取方法，登录 微信公众平台，点击 开发管理 -> 开发设置，即可查看。

开发

1 打开微信开发者工具

第一次连接至微信开发者工具之前，需要先启动微信开发者工具，在工具栏，依次点击 设置 -> 安全设置，在弹出的设置弹窗中，安全选项下，开启服务端口。

 2 HBuilderX 配置

第一步： 打开HBuilderX，在工具栏，依次点击 运行 -> 运行到小程序模拟器 -> 运行设置，配置微信开发者工具路径。

第二步：再次点击 运行 -> 运行到小程序模拟器，点击 微信开发者工具 模拟器即可。

第三步：启动成功，自动打开微信开发者工具。

第四步：则可以在微信开发者工具查看编译页面

发行

在 HBuilderX 工具栏，点击 发行 -> 小程序-微信，在弹出框中填写微信小程序名称，微信小程序 AppID，点击确定。具体如下图。

点击发行之后，便开始编译打包。打包文件所在目录为 /unpackage/dist/build/mp-weixin，在微信开发者工具中直接上传打包后的文件即可。注意：不要在微信开发者工具中编译打包后的文件，如代码有改动，则在 HBulider 中重新发行。

编译成功后会自动启动微信开发者工具。在微信开发者工具中查看打包后的项目，检测没有问题之后，直接点击上传，填写版本信息，则可以上传开发版本的代码。

上传成功后，在微信公众平台，版本管理中可查看。上传的版本会默认为体验版本，如果需要将对应版本转为正式版本，则再微信公众平台中点击提交审核，填写相关内容即可，一般2小时左右可以审核通过。审核通过后就可以在正式的小程序里看相应内容了。