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

相关推荐
普马萨特13 小时前
uni-app x 定位踩坑实录:H5/小程序/App 统一经纬度与逆地理编码
uni-app
Geek_Vison1 天前
保险APP已经用了Flutter,还能接入小程序吗?
flutter·小程序·uni-app·mpaas·小程序容器
郑州光合科技余经理2 天前
本地生活平台搭建:跨业态用户标识怎么贯通
java·开发语言·前端·后端·uni-app·php·ai编程
2501_915909063 天前
iOS应用从开发到上架App Store的完整发布流程与步骤指南
android·ios·小程序·https·uni-app·webview
不爱说话郭德纲3 天前
从“点点点”到一键出包:我把 uni-app x Android 离线打包做成了脚本
android·前端·uni-app
snotJam3 天前
关于Uniapp的Android自定义基座使用
android·uni-app
今年下半年4 天前
【微信小程序】uni-app + Vue3 + Vite 的小程序项目实现「进入指定范围才能打卡」的考勤功能
微信小程序·uni-app·定位·考勤
郑州光合科技余经理7 天前
海外版外卖加盟:总站与分站配送规则怎么分开管
java·开发语言·前端·后端·uni-app·php·ai编程
遗憾随她而去.8 天前
uniApp跨端开发: 解决不同平台显示差异问题
uni-app
程序鉴定师12 天前
2026年深圳小程序/App开发公司技术选型指南:从架构设计到交付标准全维度评估
java·小程序·uni-app·php·objective-c