判断微信微信小程序及其他环境

Posted 2022-10-15 marphydemon

判断是否为微信、微信小程序、其他环境

研究背景

项目中有一个需求，在判断用户未登录的情况下跳转登录，toLogin通过window.location.href进行跳转登录。在线上环境中，发现在未登录的情况下，Iphone 小程序中偶尔跳转失效。定位代码发现判断小程序函数返回结果在跳转逻辑之后才获得结果，猜测由于判断环境代码打断跳转的进行。临时方案：跳转后通过setTimeout再进行一次跳转。

目前解决方案如下：

  toLogin() 
    if(isMiniApp() === null) 
      setTimeout(() => 
        toLogin()
      , 100)
    
    window.location.href='https://www.login.com'
  

通过资料查询得出如下解决方案，通过promise获取是否未小程序环境，保证在执行其他逻辑之前拿到是否为小程序环境的结果。

引入js

    <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

promise封装判断函数

  /**
   * 判断是否为微信小程序
   * @export
   * @returns
   */
  export function isWeChatMiniApp() 
    const ua = window.navigator.userAgent.toLowerCase();
    return new Promise((resolve) => 
      if (ua.indexOf('micromessenger') == -1) 
        console.log("不在微信或者小程序中")
        resolve(false);
       else 
        wx.miniProgram.getEnv((res) => 
          if (res.miniprogram) 
            console.log("在小程序中")
            resolve(true);
           else //在微信中
            console.log("在微信中")
            resolve(false);
          
        );
      
    );