uni-app平台判断 | uni app判断h5 小程序 app 等不同平台

Posted stumpx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app平台判断 | uni app判断h5 小程序 app 等不同平台相关的知识,希望对你有一定的参考价值。

使用

// @/utils/Config.ts

import {EPlatform} from \'./EPlatform\'; import {isH5, Platform} from \'@/utils/Platform\' /**配置信息*/ export default class Config { /**http请求根目录*/ static get httpBaseUrl(): string { if (isH5) { return \'/\' } else { return \'http://demo.cn/\' } } }

推荐使用条件编译

/**枚举EPlatform*/
export enum EPlatform {
  /**App*/
  AppPlus = \'APP-PLUS\',
  /**App nvue*/
  AppPlusNvue = \'APP-PLUS-NVUE\',
  /**H5*/
  H5 = \'H5\',
  /**微信小程序*/
  MpWeixin = \'MP-WEIXIN\',
  /**支付宝小程序*/
  MpAlipay = \'MP-ALIPAY\',
  /**百度小程序*/
  MpBaidu = \'MP-BAIDU\',
  /**字节跳动小程序*/
  MpToutiao = \'MP-TOUTIAO\',
  /**QQ小程序*/
  MpQq = \'MP-QQ\',
  /**360小程序*/
  Mp360 = \'MP-360\',
  /**微信小程序/支付宝小程序/百度小程序/字节跳动小程序/QQ小程序/360小程序*/
  Mp = \'MP\',
  /**快应用通用(包含联盟、华为)*/
  QuickappWebview = \'quickapp-webview\',
  /**快应用联盟*/
  QuickappWebviewUnion = \'quickapp-webview-union\',
  /**快应用华为*/
  QuickappWebviewHuawei = \'quickapp-webview-huawei\',
}

/**使用条件编译获取平台信息*/
export function ifDefPlatform(): EPlatform {
  let platform: EPlatform
  //#ifdef APP-PLUS
  platform = EPlatform.AppPlus;
  //#endif
  //#ifdef APP-PLUS-NVUE
  platform = EPlatform.AppPlusNvue;
  //#endif
  //#ifdef H5
  platform = EPlatform.H5;
  //#endif
  //#ifdef MP-WEIXIN
  platform = EPlatform.MpWeixin;
  //#endif
  //#ifdef MP-ALIPAY
  platform = EPlatform.MpAlipay;
  //#endif
  //#ifdef MP-BAIDU
  platform = EPlatform.MpBaidu;
  //#endif
  //#ifdef MP-TOUTIAO
  platform = EPlatform.MpToutiao;
  //#endif
  //#ifdef MP-QQ
  platform = EPlatform.MpQq;
  //#endif
  //#ifdef MP-360
  platform = EPlatform.Mp360;
  //#endif
  //#ifdef MP
  platform = EPlatform.Mp;
  //#endif
  //#ifdef quickapp-webview
  platform = EPlatform.QuickappWebview;
  //#endif
  //#ifdef quickapp-webview-union
  platform = EPlatform.QuickappWebviewUnion;
  //#endif
  //#ifdef quickapp-webview-huawei
  platform = EPlatform.QuickappWebviewHuawei;
  //#endif
  return platform
}

/**平台类型*/
export const Platform: EPlatform = ifDefPlatform()
/**默认导出平台类型*/
export default Platform

/**App*/
export const isAppPlus = Platform == EPlatform.AppPlus
/**App nvue*/
export const isAppPlusNvue = Platform == EPlatform.AppPlusNvue
/**H5*/
export const isH5 = Platform == EPlatform.H5
/**微信小程序*/
export const isMpWeixin = Platform == EPlatform.MpWeixin
/**支付宝小程序*/
export const isMpAlipay = Platform == EPlatform.MpAlipay
/**百度小程序*/
export const isMpBaidu = Platform == EPlatform.MpBaidu
/**字节跳动小程序*/
export const isMpToutiao = Platform == EPlatform.MpToutiao
/**QQ小程序*/
export const isMpQq = Platform == EPlatform.MpQq
/**360小程序*/
export const isMp360 = Platform == EPlatform.Mp360
/**微信小程序/支付宝小程序/百度小程序/字节跳动小程序/QQ小程序/360小程序*/
export const isMp = Platform == EPlatform.Mp
/**快应用通用(包含联盟、华为)*/
export const isQuickappWebview = Platform == EPlatform.QuickappWebview
/**快应用联盟*/
export const isQuickappWebviewUnion = Platform == EPlatform.QuickappWebviewUnion
/**快应用华为*/
export const isQuickappWebviewHuawei = Platform == EPlatform.QuickappWebviewHuawei
/**是否开发环境*/
export const isDevelopment = process.env.NODE_ENV == \'development\'
/**是否线上环境*/
export const isProduction = process.env.NODE_ENV == \'production\'
/**抖音小程序*/
export const isMpDouyinApp = uni.getSystemInfoSync().appName == \'Douyin\'
/**头条小程序*/
export const isMpToutiaoApp = uni.getSystemInfoSync().appName == \'Toutiao\'

 

本文地址:

https://www.cnblogs.com/stumpx/p/13289154.html

 

 

以上是关于uni-app平台判断 | uni app判断h5 小程序 app 等不同平台的主要内容,如果未能解决你的问题,请参考以下文章

uni-app,安卓,微信小程序,H5,代码模块判断使用

uni-app,安卓,微信小程序,H5,代码模块判断使用

uni-app App和H5平台上传视频截取视频第一帧生成图片

uni-app之条件判断详解uni-app小程序开发

跨平台应用开发进阶(五十三):uni-app 通过webview方式嵌套H5实现图片点击下载

跨平台应用开发进阶(五十三):uni-app 通过webview方式嵌套H5实现图片点击下载