如何打包预约按摩H5？

开发工具：HBuilderX

一、如何修改域名配置？

1. 修改公众号AppID、页面访问路径
2. gzh\_appid: 公众号AppID
3. siteroot: 域名，需更换为你自己的，域名格式【https://你的域名/index.php】![descript](/media/202506//1749348350.5992103.png)
4. 修改H5域名配置，域名格式【https://你的域名/h5】![descript](/media/202506//1749348350.8006577.png)

二、如何打包H5代码？

1. 打包前确认项目中是否有【node\_modules】文件，没有就在对应项目终端执行npm i
2. 选择文件【App.vue】，点击菜单【发行】-【网站-PC Web或手机H5】若收到的手机端源码只有wechat，没有coach文件夹，则发行时需要选择「自定义发行 - 选择对应端口」![descript](/media/202506//1749348350.968127.png)
3. 确认网站域名是自己的，域名格式【https://你的域名/h5/】,然后点击【发行】按钮，等待代码打包![descript](/media/202506//1749348351.094146.png)
4. 代码打包结束后控制台会提示打包成功后代码具体位置，若生成文件名是web，需改为h5

【unpackage】-【dist】-【build】-【h5/web】![descript](/media/202506//1749348351.3144896.png)

1. 如何兼容打包后的h5代码
2. h5目录下，加入siteinfo.json，文件内容如下：

let siteInfo = {

"uniacid": "666",

"multiid": "0",

"version": "3.0",

"gzh\_appid": "wx290579913189dc88",

"qqMapKey": "4IJBZ-DLACP-3QBDS-LI4FT-U2MZZ-5KFFA",

"siteroot": "https://massage.cncnconnect.com/index.php"

}

1. 打开文件：h5 => static => js => index.xxxxxxxx.js

(1)、搜索：{uniacid:"666",multiid:"0",version:"3.0",gzh\_appid:"wx290579913189dc88",siteroot:"https://massage.cncnconnect.com/index.php"}

如果打包之前更换了siteInfo.js里面的配置，最好直接搜索 {uniacid:"666",multiid:"0"或是将上述蓝色标记的位置改为对应的公众号appid和域名

替换为： siteInfo

(2)、搜索："4IJBZ-DLACP-3QBDS-LI4FT-U2MZZ-5KFFA"

替换为：siteInfo.qqMapKey || "4IJBZ-DLACP-3QBDS-LI4FT-U2MZZ-5KFFA"

三、如何替换线上版本的H5代码？

1. 登录你的宝塔，选择【网站】，找到对应的网站地址并点击【根目录】![descript](/media/202506//1749348351.451808.png)
2. 选择文件【public】![descript](/media/202506//1749348351.562232.png)
3. 将之前打包好的h5压缩，上传到【public】文件目录下，解压后就可成（替换后，需登录后台，点击清除缓存按钮）![descript](/media/202506//1749348351.6747317.png)

帮助文档

如何配置腾讯地图Key？

如何配置公众号信息？

如何添加公众号开发者权限？

如何打包按摩后台管理系统？