用callapp-lib插件关于H5判断是否安装app和唤起APP

1. 使用callapp-lib插件:参考https://github.com/suanmei/callapp-lib。




  
  
  
  callapp-lib示例


  
点击唤起电流App个人页

2. 原理:通过窗口打开app地址,在一定时间如3s/5s内,不能打开就跳转app下载链接。

testApp(){
        let userAgent=navigator.userAgent;
        let iosOpenUrl='';  //ios的打开地址,schema链接或者universal link
        let iosDownUrl='';  //ios的下载地址
        let androidOpenUrl='';  //android的打开地址,schema链接或者universal link
        let androidDownUrl='';  //android的下载地址
        let delayTime=500;
        if (userAgent.match(/(iPhone|iPod|iPad);?/i)) { //当前设备是ios
            var firstTime = new Date();
            window.location =iosOpenUrl;
            window.setTimeout(function() { 
              var secondTime = new Date();
              if (secondTime - firstTime < 5000) {
                window.location = iosDownUrl; 
              } else {
                window.close();
              }
            }, delayTime);     
        } else if (userAgent.match(/android/i)) {  //当前设备是android
          try {
            window.location = androidOpenUrl; 
            window.setTimeout(function() {
              window.location = androidDownUrl;  
            }, delayTime);
          } catch (eror) {
            console.log(eror)
          }
        }
      }

 

你可能感兴趣的:(前端)