打卡HBuilder工具,从本地目录导入,选择前端包
![](https://img.kancloud.cn/26/04/260453a86d6011f99caf8c5654900c44_575x218.png)
![](https://img.kancloud.cn/96/af/96af2633b3144e45a82de162d7b25a56_877x533.png)
打开文件commom.js,修改域名,以及管理端创建的小程序id
### 修改的域名记得要用https协议。就是http后面加个s。
![](https://img.kancloud.cn/4e/bd/4ebd58210fd249cd968aec12e3742f0b_800x373.png)
打开文件manifest.json,修改微信小程序AppId
![](https://img.kancloud.cn/03/21/03219547f163a0c80c0059434f3075b3_1040x811.png)
现在可以点击发布小程序,编译成小程序代码了
![](https://img.kancloud.cn/1a/ff/1aff9bbdbcb619e9a125342c1fb39f4d_514x234.png)
![](https://img.kancloud.cn/27/4a/274ae9fe4642567c1926c51108cb674b_624x332.png)
如果控制台这里显示打开不了微信开发工具,需要去配置一下开发工具的路径,和开启微信开发工具的服务端口按钮
![](https://img.kancloud.cn/81/81/8181e4347b748646f9e172eed250d9d7_1539x276.png)
首先配置微信开发工具的路径
![](https://img.kancloud.cn/de/18/de18b11171d9740a5a4ca53deaad6647_682x632.png)
![](https://img.kancloud.cn/df/e5/dfe52ef390582658fbf43d4422fde3a0_1143x596.png)
然后打开微信开发工具的设置,开启服务端口
![](https://img.kancloud.cn/f0/6c/f06cacc8afd973c766a2bf7b652c5e07_650x288.png)
现在应该可以了,然后重新去点发行->微信小程序。等他编译好后会打开如下窗口
![](https://img.kancloud.cn/9d/12/9d1273a2739c59d974f7b162789a9dc6_1564x1030.png)
点击上传代码即可
![](https://img.kancloud.cn/49/99/4999837c21d771e6d4b38c5f48d6d7e7_825x318.png)