uniapp怎么判断是否安装微信

1. 什么是uniapp

uniapp 是一个使用 Vue.js 开发跨平台应用的开源框架，可以一次开发，同时发布到多个平台，如手机 App、H5、小程序等。uniapp 提供了一套基于 Vue.js 的开发框架和一些工具，使得开发者可以方便地使用 Vue.js 知识进行跨平台应用开发。

uniapp 支持的平台：

微信小程序

支付宝小程序

百度小程序

头条小程序

QQ 小程序

360小程序

H5

App（Android、iOS）

2. 如何判断是否安装微信

2.1 uniapp 提供的方法

uniapp 封装了判断是否安装微信的方法，可以直接调用此方法来进行判断，方法如下：

uni.getSystemInfo({
  success(res) {
    if (res && res.AppPlatform === 'wechat') {
      // 在微信中运行
      // 判断版本号是否大于等于6.6.0
      let v = res.version;
      v = v.split('.');
      let version = parseFloat(v[0] + '.' + v[1] + '.' + v[2]);
      if (version >= 6.6) {
        console.log('已安装微信，版本号为：' + version)
      } else {
        console.log('微信版本过低，不支持相关功能')
      }
    } else {
      console.log('当前不在微信中运行')
    }
  }
});

上述代码通过调用 uni.getSystemInfo 方法获取当前设备的系统信息，判断 AppPlatform 字段是否为 wechat，如果为 wechat 则表示当前在微信中运行，进而获取微信版本号进行判断。

2.2 原生方法

除了 uniapp 封装的方法外，我们也可以用原生方法判断是否安装微信。

function isWeixin() {
  const ua = window.navigator.userAgent.toLowerCase();
  if (ua.match(/MicroMessenger/i) == 'micromessenger') {
    // 是微信浏览器
    return true;
  } else {
    return false;
  }
}
if (isWeixin()) {
  console.log('已安装微信');
} else {
  console.log('未安装微信');
}

说明：

userAgent：指的是 HTTP 请求中的头部信息之一，包含了浏览器和操作系统的相关信息。userAgent 可以通过 window.navigator.userAgent 获取。

微信的 userAgent 中包含 'MicroMessenger'，因此可以通过 'MicroMessenger' 是否在 userAgent 中来判断是否是微信浏览器。

3. 如何在uniapp中使用判断微信方法

在 uniapp 中使用上述的判断方法比较简单，我们可以将判断逻辑写成方法，直接在需要的页面中调用即可。我们还可以对这个方法进行封装，方便在多个页面中调用。

// 创建一个 common.js 文件，在文件中编写方法
function isWeixin() {
  const ua = window.navigator.userAgent.toLowerCase();
  if (ua.match(/MicroMessenger/i) == 'micromessenger') {
    return true;
  } else {
    return false;
  }
}
// 导出方法
export default {
  isWeixin
}
// 在需要使用此方法的页面中导入 common.js
import common from '@/common/common.js'
// 调用方法
if (common.isWeixin()) {
  console.log('已安装微信');
} else {
  console.log('未安装微信');
}

上述代码中，我们将判断微信是否安装的方法写入 common.js 文件中，然后使用 export default 导出这个方法。在需要使用此方法的页面中，使用 import 导入 common.js 文件，然后通过 common.isWeixin() 调用该方法即可。

4. 总结

判断微信是否安装是移动端开发中经常需要用到的功能。在 uniapp 中判断微信是否安装，我们可以使用 uniapp 封装的方法，也可以使用原生方法。通过将判断方法封装成公共方法，可以方便我们在多个页面中进行调用。