How does uniapp determine whether it is a WeChat or Alipay mini program?

With the popularity of WeChat and Alipay mini programs, many developers need to support two mini programs in one App at the same time. During the development process, different API interfaces need to be called according to different applets. At this time, how to determine whether the current mini program is a WeChat or Alipay mini program? This article will introduce how to determine the type of the current applet in uniapp.

uni.getSystemInfoSync() Get system information

In uniapp, you can use the uni.getSystemInfoSync() method to get the system information of the current device. Among them, the system attribute can obtain the name of the current operating system. Because the WeChat mini program is developed based on WeChat, and the Alipay mini program is developed based on Alipay, the system attribute values ​​​​of the two mini programs are also different. The system value of the WeChat applet is "iOS" or "Android", while the system value of the Alipay applet is "iOS", "iPhone OS" or "Android".

Therefore, we can determine the type of the current applet by judging the value of the system attribute. In the uniapp code, this process can be realized through the following code:

if(uni.getSystemInfoSync().system.startsWith('iOS')) {
  // 如果是 iOS 系统
  if(uni.getSystemInfoSync().appName === 'APICloud') {
    // 如果是支付宝小程序
  } else {
    // 如果是微信小程序
  }
} else if(uni.getSystemInfoSync().system === 'Android') {
  // 如果是安卓系统
  if(uni.getSystemInfoSync().appName === 'APICloud') {
    // 如果是支付宝小程序
  } else {
    // 如果是微信小程序
  }
}

uni.getEnv() Get the current running environment

In addition to judging the type of the current applet through the system attribute, you can also Use the uni.getEnv() method to get the current running environment. The uni.getEnv() method returns an object containing three attributes, which are:

• platform: the current running platform, which can be "devtools" in developer tools; it can be "h5" It means running on the H5 side; it can be "android" or "ios" meaning running on the APP side.

• app-plus: An object containing the following attributes:

  • name: Application name, which can be "uni-app" or "APICloud".
  • runtimeVersion: The runtime version number of the current App.
  • versionName: Current App version number.
  • versionCode: Current App version number.
• options: startup parameter, is an object.

We can determine the running environment of the current applet by checking the value of the platform attribute. In the H5 environment, the value of uni.getEnv().platform is "h5"; in the WeChat applet, the value of uni.getEnv().platform is "mp-weixin"; in the Alipay applet, uni.getEnv The value of ().platform is "mp-alipay".

Therefore, we can use the following code to determine the type of the current applet:

if (uni.getEnv().platform === 'mp-weixin') {
  // 如果是微信小程序
} else if (uni.getEnv().platform === 'mp-alipay') {
  // 如果是支付宝小程序
}

Summary

This article introduces two ways to determine the type of the current applet in uniapp. methods, that is, obtain the system attribute in the system information through the uni.getSystemInfoSync() method and obtain the platform attribute in the running environment through the uni.getEnv() method. Both methods can determine the current applet type and can be selected according to actual needs. I hope this article can provide some help to uniapp developers.

The above is the detailed content of How does uniapp determine whether it is a WeChat or Alipay mini program?. For more information, please follow other related articles on the PHP Chinese website!