发布H5版
- 点击
发行-网站-PC Web或手机H5(仅适用于uni-app) - H5 手机版发行，输入 网站标题，网站域名可以不填，点击
发行 - 控制台输出，打开目录 h5
注意
默认 h5 目录的资源要发布到 web 容器根目录，才能正常访问
HBuilderX 打开项目 mainfest.json ，切换到 H5配置：推荐配置为 ./ 可以部署在任意目录下
运行的基础路径
如 /h5/,代表在域名的/h5目录下部署运行
如设为./,则代表相对路径,支持File协议打开,此时路由模式强制为hash模式
调试技巧
- 浏览器安装 vue 插件 DevTools
组件：以目录+文件名作为组件名，例如 pages/index/index.vue 页面组件为 PagesIndexIndex
文章作者: 王文哲
版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 王文哲的博客！
相关推荐
2024-08-05
Uniapp-接入企业微信客服
参考uniapp接入企业微信客服 – 月半猪博客 (fatterpig.com) 步骤 打开企业微信-应用管理-微信客服 企业微信 (qq.com) 启用微信客服 客服账号-创建账号，选择公司 人工接待配置，添加人员 选择接入场景 在App中接入：在App中接入 (qq.com) 代码示例 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253//界面代码<u-tag :text="$t('联系客服')" shape="circle" class="u-m-r-30" @click="chat" type="info" />//方法chat() { //WORKWXCORPID 企业ID //WORKWXURL 企业客服链接 // #ifdef H5 //...
2023-04-22
Uniapp-UrlSchemes调用协议
说明Android中的url scheme是一种页面跳转协议，通过定义自己的scheme协议，可以实现从网页上或第三方App调用你的App **HBuilderX自带标准真机运行基座的UrlSchemes为”hbuilder://“**，方便开发者调测 参考https://uniapp.dcloud.net.cn/tutorial/app-android-schemes.html uni-app项目Android离线打包UrlSchemes设置_苛学加的博客-CSDN博客 android中使用URL Scheme方式启动app_白发于樵的博客-CSDN博客 示例App 设置 UrlSchemesuniapp 设置 UrlSchemes 云端打包生效 字符串建议使用小写字母（不要使用特殊字符、中文等），如设置为”test”，那么其他App呼起你的app的scheme协议就是”test://“； 多个scheme使用 “,” 分割，每个字符串为一个scheme； 在...
2023-04-22
Uniapp-生命周期
生命周期及执行顺序应用生命周期 函数名 说明 onLaunch 当uni-app 初始化完成时触发（全局只触发一次） onShow 当 uni-app 启动，或从后台进入前台显示 onHide 当 uni-app 从前台进入后台 注意 应用生命周期仅可在App.vue中监听，在其它页面监听无效。 onlaunch里进行页面跳转，如遇白屏报错，请参考https://ask.dcloud.net.cn/article/35942 页面生命周期 函数名 说明 onInit 监听页面初始化，其参数同 onLoad 参数，为上个页面传递的数据，参数类型为 Object（用于页面传参），触发时机早于 onLoad onLoad 监听页面加载，其参数为上个页面传递的数据，参数类型为...
2022-09-02
Uniapp-uniui
官网uni-ui：uni-app官网 (dcloud.net.cn) DataCom 规范组件：DCloud 插件市场 概述 uni-ui是DCloud提供的一个跨端ui库，它是基于vue组件的、flex布局的、无dom的跨全端ui框架 uni-ui 不包括基础组件，它是基础组件的补充 uni-ui还支持pc等宽屏设备，可以通过PC浏览器访问https://hellouniapp.dcloud.net.cn/pages/extUI/badge/badge (opens new window)体验 ni-ui的默认风格是中型的，与uni-app基础组件风格一致。但它支持uni.scss，可以方便的扩展和切换应用的风格 uni-ui符合全套DCloud组件规范。包括easycom、uni_module、datacom，全部遵循 基础组件uni-forms 表单由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据 uni-forms 表单 - DCloud 插件市场 其它 通过 uni_modules...
2021-09-06
Uniapp-离线打包
说明App 离线 SDK 主要用于 App本地离线打包及扩展原生能力 注意 HBuilderX 3.1.10 版本起需要申请 Appkey，具体请点击链接 更新 SDK 时需要同时更新 aar/jar 文件和 build.gradle 配置 App 离线 SDK 不支持 Kotlin HBuilderX3.2.5 版本之后适配了 AndroidX App 离线 SDK minSdkVersion 最低支持 21，小于 21 在部分 5.0 以下机型上将无法正常使用 如果需要集成的第三方 sdk 存在 so 库文件，只需添加 armeabi-v7a、arm64-v8a、x86 三个文件夹即可，否则会导致在部分手机上无法运行 appid 不能随便填写，必须点击「重新获取」获取 签名证书不要随意更换，否则会导致用户升级失败！「若之前云打包使用的是 DCloud 默认证书，为保证正常升级，依然可以继续下载 DCloud 证书使用」 Android 离线 SDK下载注意：根据 HBuilderX 版本下载对应的...
2021-08-12
Uniapp-文件上传
从相册选取图片上传选取第一个上传123456789101112131415161718uni.chooseImage({ count: 4, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有 sourceType: ['album'], //从相册选择 success: (res) => { that.$http.upload(that.$config.uploadUrl, { filePath: res.tempFilePaths[0], name: 'file' }) .then(res => { that.myFormData.avatar=res.data.message; }) .catch(err => { ...