# 编译上传小程序模板 ``` 编译:是把代码编译成微信开发者工具能够运行的代码。 上传:是把小程序模板上传到“微信开放平台”,供所有商家用户使用 ``` ## 怎么获取小程序代码 ``` 进入超级管理端->插件管理。安装《智慧餐厅》插件。 安装后到服务器端'/addons/food/food_uni'内把里面的代码打包下载到本地(即是小程序端代码)。 ``` ## 第一步:HBuilderX导入小程序模板代码 ``` 运行打开HBuilderX,步骤如下图 ``` ![](https://img.kancloud.cn/e1/b5/e1b53ce1c3d90bb6d3aac356d9a5fd69_577x266.png) ``` 导入后目录格式如下图 ``` ![](https://img.kancloud.cn/e0/f9/e0f9b0598f18bd5ac82ee43e9407d28a_281x480.png) ## 第二步:配置ext文件参数 ![](https://img.kancloud.cn/bc/70/bc70057d62af891ec7bc00ee0b8329b2_820x371.png) ``` 上图三个参数说明 1."extAppid": "",//这里填写是《第七步》中授权的微信小程序的APPID,并且必须有“开发者小程序”的身份 2."applet_id": "10004",//这里填写在《第七步》中您站点创建的小程序管理端编号 3."api_url":"https://www.baidu.com",这里填写接口地址(与微信第三方平台设置的小程序服务器域名一致),必须以https开头 ``` ## 第三步:微信小程序项目发行前配置 ``` 如下图 ``` ![](https://img.kancloud.cn/c6/38/c638ce60142d76063c5ae84dcdbed33c_854x612.png) ~~~ 上图两个位置说明 1.微信小程序APPID:与ext文件中的 extAppid 一致 2.勾选位置接口,并填写使用原因 ~~~ ## 第四步:关联微信开发者工具 ``` 第一次编译微信小程序代码需要进行编译工具的关联。 步骤:点击菜单“运行”->运行到终端->运行设置,打开后如下图 ``` ![](https://img.kancloud.cn/3e/94/3e94829b348e303b25db0387ed35096e_1222x489.png) ``` 把上图红框内微信开发者工具路径,指定到你《微信开发者工具》安装的路径即可。 ``` ## 第五步:发行(编译)微信小程序 ``` 步骤:HBuilderX-》发行-》小程序-微信 ,打开如下图 ``` ![](https://img.kancloud.cn/c2/ff/c2ff4ec414138d3f8bd42c56e0df32f2_1293x615.png) ``` 上图两个位置说明 1.小程序名称:这里自定义 2.小程序APPID:与ext文件中的 extAppid 一致 点击上图中的发行按钮,等待程序编译。 编译成功后会自动导入并打开《微信开发者工具》。 ``` ## 第六步:在微信开发者工具中检查配置是否正常 ``` 如下图 ``` ![](https://img.kancloud.cn/6f/2a/6f2aea08842973571a8f7c2099cea7ee_460x414.png) ``` 提醒:上图APPID为ext文件中的 extAppid 一致,并且上图显示出“平台名称”则说明配置没有问题。 ``` ## 第七步:上传微信小程序模板 ~~~ 测试该模板能够正常运行并没有报错。则进行上传操作,如下图 ~~~ ![](https://img.kancloud.cn/46/5c/465c996b26b973d5a5631b3549aea51d_759x227.png) ``` 提醒:该上传是作为模板上传到微信开放平台的草稿内。具体请看下一步的操作。 ```