小程序模板:专业的小程序模板与静态模板分享平台
小程序
教程
搜索
当前位置 : 首页> 小程序教程> uniapp获取app版本号、h5版本号、微信小程序版本号的方法

uniapp获取app版本号、h5版本号、微信小程序版本号的方法

在 UniApp 中获取不同平台的版本号可以通过不同的方法来实现。下面是获取 app 版本号、H5 版本号和微信小程序版本号的示例说明:

1. 获取 App 版本号:

在 UniApp 中,获取 App 版本号可以使用 uni.getSystemInfoSync() 方法获取设备信息,然后从 appVersion 字段中获取版本号。

// 在 App.vue 或 main.js 中
const app = new Vue({
  onLaunch() {
    // 获取设备信息
    const systemInfo = uni.getSystemInfoSync();
    const appVersion = systemInfo.appVersion;
    console.log('App 版本号:', appVersion);
  },
}).$mount();

2. 获取 H5 版本号:

由于 H5 平台运行在浏览器环境中,可以通过 window.navigator.userAgent 获取用户代理字符串,从中提取出版本号。

// 在 H5 平台的页面或组件中
mounted() {
  // 获取用户代理字符串
  const userAgent = window.navigator.userAgent;
  const match = userAgent.match(/UniApp\/([\d.]+)/);
  const h5Version = match ? match[1] : '';
  console.log('H5 版本号:', h5Version);
},

3. 获取微信小程序版本号:

对于微信小程序平台,可以使用 uni.getSystemInfoSync() 方法获取设备信息,从 version 字段中获取版本号。

// 在微信小程序页面或组件中
onLoad() {
  // 获取设备信息
  const systemInfo = uni.getSystemInfoSync();
  const wechatVersion = systemInfo.version;
  console.log('微信小程序版本号:', wechatVersion);
},


联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了