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

相关推荐
专科3年的修炼1 天前
uni-app移动应用开发第四章
开发语言·javascript·uni-app
q5507071771 天前
uniapp/uniappx实现原生图片编辑涂鸦、贴图、滤镜、旋转、裁剪等
uni-app
计算机学姐2 天前
基于微信小程序的校园失物招领管理系统【uniapp+springboot+vue】
java·vue.js·spring boot·mysql·信息可视化·微信小程序·uni-app
2501_915921432 天前
HTTPS前端劫持 新一代流量劫持解决方案
前端·网络协议·ios·小程序·https·uni-app·iphone
爱怪笑的小杰杰2 天前
优化 UniApp 日历组件的多语言切换:告别 setLocale 引起的 App 重启
java·前端·uni-app
计算机学姐3 天前
基于微信小程序的宠物服务系统【uniapp+springboot+vue】
java·vue.js·spring boot·mysql·微信小程序·uni-app·宠物
2501_915909063 天前
iOS应用签名的三种方法全解析:从官方到第三方工具
android·ios·小程序·https·uni-app·iphone·webview
心中无石马3 天前
uniapp引入tailwindcss4.x
前端·css·uni-app
fix一个write十个3 天前
【uniApp开发】微信小程序 web-view 内嵌 H5 跳转支付踩坑实录
微信小程序·uni-app
wuxianda10303 天前
苹果App上架4.3a被拒解决方案汇报总结
ios·uni-app·objective-c·cocoa·苹果上架·4.3a