uniapp 获取app版本信息(兼容鸿蒙)

1. uniapp 获取app版本信息

参考文档:uni.getAppBaseInfo | uni.getSystemInfo

1.1. android和ios获取app版本信息

在uniapp中获取当前应用的版本号,android和ios可以通过plus.runtime.getProperty方法来实现。以下是详细的步骤和代码示例:

(1)首先,你需要在uniapp的页面或其他合适的地方调用以下代码来获取应用的版本号。

javascript 复制代码
plus.runtime.getProperty(plus.runtime.appid, (inf) => {
    console.log(JSON.stringify(inf)); // 这里的inf包含了应用的各种信息,包括版本号
});

(2)上述代码会在控制台输出应用的信息,你可以从中获取到版本号。如果你想要更直接地获取版本号,可以稍微修改一下代码。

javascript 复制代码
plus.runtime.getProperty(plus.runtime.appid, (inf) => {
    console.log(inf.version); // 直接输出版本号
});

请注意,plus.runtime.getProperty方法只能在app环境中使用,如果在h5或小程序中使用可能会报错。因此,在实际开发中,你可能需要根据运行环境来决定是否调用这段代码。

1.2. 鸿蒙获取app版本信息

在鸿蒙平台上获取应用版本号,应使用 uni-app 的跨平台 API,而非 plus.runtime 相关方法(鸿蒙不支持 app-plus)。

推荐两种方式:

1.2.1. 使用 uni.getAppBaseInfo() 获取应用基本信息:

javascript 复制代码
uni.getAppBaseInfo({
  success: (res) => {
    console.log('应用版本号(整数):', res.appVersionCode); // 对应 manifest.json 中的 versionCode
    console.log('应用版本名称:', res.appVersion);         // 对应 manifest.json 中的 versionName
  }
});

1.2.2. 使用 uni.getSystemInfo() 获取系统信息:

javascript 复制代码
uni.getSystemInfo({
  success: (res) => {
    console.log('应用版本号:', res.appVersionCode);
    console.log('应用版本名称:', res.appVersion);
    // 如需 wgt 资源包版本(uni-app 3.4.15+):
    console.log('wgt版本:', res.appWgtVersion);
  }
});

1.2.3. 注意事项:

(1)appVersionCode 是 manifest.json 中配置的内部版本号(整数值)

(2)appVersion 是 manifest.json 中配置的应用显示版本(如"1.0.0")

(3)鸿蒙平台需通过 HBuilderX 4.61+ 版本进行开发

(3)确保在 manifest.json 的基础配置中正确设置了版本信息

参考文档:uni.getAppBaseInfo | uni.getSystemInfo

相关推荐
不爱说话郭德纲16 小时前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app
HashTang2 天前
【AI 编程实战】第 12 篇:从 0 到 1 的回顾 - 项目总结与 AI 协作心得
前端·uni-app·ai编程
JunjunZ2 天前
uniapp 文件预览:从文件流到多格式预览的完整实现
前端·uni-app
郑州光合科技余经理3 天前
代码展示:PHP搭建海外版外卖系统源码解析
java·开发语言·前端·后端·系统架构·uni-app·php
TT_Close3 天前
“啪啪啪”三下键盘,极速拉起你的 uni-app 项目!
vue.js·uni-app·前端工程化
特立独行的猫a3 天前
uni-app x跨平台开发实战:开发鸿蒙HarmonyOS影视票房榜组件完整实现过程
华为·uni-app·harmonyos·轮播图·uniapp-x
00后整顿职场3 天前
Hbuilderx APP真机无法识别iqoo Z9+手机设备解决方案
uni-app·uniapp真机调试·真机运行
前端小雪的博客.3 天前
【保姆级教程】uniAI 插件高效开发 uni-app 微信小程序(附实战案例)
微信小程序·uni-app·ai编程·uniai
T^T尚3 天前
一个完整的项目怎么打包成为一个app
前端·uni-app
阿巴资源站3 天前
uniapp加水印
java·前端·uni-app