🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 第一步:获取小程序源代码 ``` 《河马点单》SaaS版插件安装后,进入你服务器/addons/food/uni_app目录。 把该目录中的文件即是。打包下载到本地。 ``` ## 第二步:编译前配置 **1. /config.js文件配置,打开如下图:** ![](https://img.kancloud.cn/0d/b1/0db1c51d74bc7caf717f72b679a01f35_732x320.png) ``` 把上图红框中的`domain`参数修改成你的域名即可。 其它的参数搞不懂,不要动。 ``` **2.manifest.json文件配置** ``` 打开该文件,切换到“web配置”,如下图: ``` ![](https://img.kancloud.cn/e8/52/e852ccf1c45de2589ce72e129945c466_712x833.png) ``` 上图中三个红框的参数是必须设置项 1.运行的基础路径:与/config.js配置中的 `h5_url`参数保持一致 2.启用https协议:必须开启 3.腾讯地图:必须开启并配置 `KEY`参数 ``` ## 第四步:编译发布 参考《编译发布H5》https://www.kancloud.cn/he_ma/hema_wechat/3157531 # 第五步:接入自己的公众号 ``` 如在公众号中调用,如下图 ``` ![](https://img.kancloud.cn/1f/8e/1f8e9640ae0ce7845fa42b564b98f6e5_1480x711.png) ``` 这里要注意的是上图链接中的url的书写。 如上图所写的url为:https://demo.hemaphp.com/h5/food/#/?applet_id=10001 该url分为四部分,拆分分解说明如下: 1. https://demo.hemaphp.com/ 为接口域名。 2. h5/food/ 为服务端存放的位置 3. #/ 为分界符,之前为服务器路径,之后为页面路径和传递参数。 4. /?applet_id=10001 这里是重点,该部分为H5端的页面路径和参数,这里省略了页面路径,意思是打开首页面,并传递一个参数applet=10001。意思打开小程序管理端编号为10001的H5页面首页。 如果想打开订单列表,则这部分可以这样写/pages/order/index?applet_id=10001。 引用链接必须要传递applet_id 这个参数。如填写的是10002则打开的页面数据是,小程序管理端编号为10002的数据。 ```