NIUCLOUD是一款SaaS管理后台框架多应用插件+云编译。上千名开发者、服务商正在积极拥抱开发者生态。欢迎开发者们免费入驻。一起助力发展! 广告
# 前端配置部分 ------ 打卡HBuilder工具,从本地目录导入,选择前端包 ![](https://img.kancloud.cn/6c/bb/6cbbff2b9630d97c8152ee45f1f411f8_575x218.webp)![](https://img.kancloud.cn/63/a0/63a06ab3473269fb9521eab1076e97b7_877x533.webp) 打开文件commom.js,修改域名,以及管理端创建的小程序id 修改的域名记得要用https协议。就是http后面加个s。 ![](https://img.kancloud.cn/12/46/1246b3b8275b3ca7066a70161b07da64_800x373.webp) 打开文件manifest.json,修改微信小程序AppId ![](https://img.kancloud.cn/3c/e9/3ce934abf91956ff587d5a620156f703_1040x811.webp) 现在可以点击发布小程序,编译成小程序代码了 ![](https://img.kancloud.cn/08/b4/08b4b0267199e87c9a9c881ae5a3cf23_514x234.webp) ![](https://img.kancloud.cn/aa/b4/aab46aff78cb04607e47657da3e4a581_624x332.webp) 如果控制台这里显示打开不了微信开发工具,需要去配置一下开发工具的路径,和开启微信开发工具的服务端口按钮 ![](https://img.kancloud.cn/66/eb/66eb915219e400a810278b83593a7e09_1539x276.webp) 首先配置微信开发工具的路径 ![](https://img.kancloud.cn/7c/5e/7c5e7c74308de30bc4e1820d19e0daf8_682x632.webp) ![](https://img.kancloud.cn/68/d8/68d8d635a7cc07c5ee1267124245cc72_1143x596.webp) 然后打开微信开发工具的设置,开启服务端口 ![](https://img.kancloud.cn/fa/de/fade8ffd49c499b266086abb829b04f5_650x288.webp) 现在应该可以了,然后重新去点发行->微信小程序。等他编译好后会打开如下窗口 ![](https://img.kancloud.cn/f1/bd/f1bd5c783d49d9795f170ead64426074_1564x1030.webp) 点击上传代码即可 ![](https://img.kancloud.cn/e7/3a/e73a1ec55972bd4b4538ecd590f46492_825x318.webp)