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 使用微信开发者工具上传查看并上传小程序提审

相关推荐
Bug改不动了36 分钟前
React Native 与 UniApp 对比
react native·react.js·uni-app
anyup3 小时前
🔥🔥 10 天 Star 破百!uView Pro 文档也开源啦:完全免费、无广告、高效上手
前端·vue.js·uni-app
fakaifa12 小时前
【最新版】CRMEB Pro版v3.4系统源码全开源+PC端+uniapp前端+搭建教程
人工智能·小程序·uni-app·php·crmeb·源码下载·crmebpro
2501_9159184119 小时前
iOS 应用上架全流程实践,从开发内测到正式发布的多工具组合方案
android·ios·小程序·https·uni-app·iphone·webview
梦里寻码1 天前
自行食用 uniapp 多端 手写签名组件
前端·uni-app
不如摸鱼去2 天前
Trae 辅助下的 uni-app 跨端小程序工程化开发实践分享
微信小程序·小程序·uni-app·aigc·ai编程
小白_ysf2 天前
uniapp 开发微信小程序,获取经纬度并且转化详细地址(单独封装版本)
微信小程序·uni-app
iOS阿玮2 天前
三年期已满,你的产品不再更新将于90天后下架。
uni-app·app·apple
bug总结3 天前
深入理解 uni-app 的 uni.createSelectorQuery()
uni-app
真上帝的左手3 天前
25. 移动端-uni-app
uni-app