uniapp如何打包预约按摩H5?

uniapp如何打包预约按摩H5?

开发工具:HBuilderX

一、如何修改域名配置?

1、修改公众号AppID、页面访问路径

1)gzh_appid: 公众号AppID

siteroot: 域名,需更换为你自己的域名以及公众号APPID,域名格式【https://你的域名/index.php】

2、修改H5域名配置,域名格式【https://你的域名】

二、如何打包H5代码?

1、选择文件【App.vue】,点击菜单【发行】-【网站-PC Web或手机H5】

2、确认网站域名是自己的,域名格式【https://你的域名】,然后点击【发行】按钮,等待代码打包

3、代码打包结束后控制台会提示打包成功后代码具体位置【unpackage】-【dist】-【build】-【h5】

4、如何兼容打包后的h5代码

1)在h5根目录新建文件siteinfo.json (原本有就不用新建,只需要修改内容即可)

内容如下:

let siteInfo = {

"uniacid": "666",

"multiid": "0",

"version": "3.0",

"gzh_appid": "修改成你的公众号appid",

"qqMapKey": "你的腾讯地图key",

"siteroot": "https://你的域名/index.php"

}

四、打包小程序

打包完H5,修改的信息不用动,点击manifest.json修改成你的小程序appid直接打包发行微信小程序即可,并在后台添加合法域名 你的域名以及api.map.baidu.com 使用微信开发者工具上传查看并上传小程序提审

相关推荐
小蒜学长2 天前
基于SpringBoot+uni-app的闪洁家政系统的设计与实现(代码+数据库+LW)
java·spring boot·后端·uni-app·家政服务
anyup_前端梦工厂2 天前
uni-app 模板 Starter 一键清理 Skill 发布
前端·人工智能·uni-app
anyup_前端梦工厂2 天前
将uni-app工程迁移uni-app x,AI 能帮我们做什么?
前端·人工智能·uni-app
蒿豪郝灬号2 天前
UniApp接入鸿蒙版阿里百川
华为·uni-app·harmonyos
2501_915921433 天前
详细教程:使用Perfdog工具测量iOS应用的功耗性能与优化方法
android·macos·ios·小程序·uni-app·cocoa·iphone
梦曦i3 天前
uni-app、uni-app x 与 Flutter 深度对比:2026年跨平台开发框架选型指南
flutter·uni-app·uni-app x
普马萨特4 天前
uni-app x 定位踩坑实录:H5/小程序/App 统一经纬度与逆地理编码
uni-app
Geek_Vison4 天前
保险APP已经用了Flutter,还能接入小程序吗?
flutter·小程序·uni-app·mpaas·小程序容器
郑州光合科技余经理5 天前
本地生活平台搭建:跨业态用户标识怎么贯通
java·开发语言·前端·后端·uni-app·php·ai编程
2501_915909066 天前
iOS应用从开发到上架App Store的完整发布流程与步骤指南
android·ios·小程序·https·uni-app·webview