微信H5网页唤起 跳转APP

 

HTML

JS

//微信sdk

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

var ifwx = ua.match(/MicroMessenger/i) == 'micromessenger' ;//是否为微信浏览器 

var ifios = /iPhone|iPod|iPad/i.test(ua); //是否为IOS

// Jquery 修改wx-open-lauch-app 标签属性， 如果是vue 项目直接定义data里面

// ios_action  android_action 字段 找安卓ios 要，跳转APP的 某一个页面

if(ifios){

        $("#launch-btn").attr('extinfo',ios_action);

}else{

        $("#launch-btn").attr('extinfo',android_action)

}

if (ifwx) {

 //wx.config 参数后端接口 获取

wx.config({

   appId: data.appId, //APP 的appid

   timestamp: data.timestamp,

   nonceStr: data.nonceStr,

   signature: data.signature,

   jsApiList: [],

   openTagList: ['wx-open-launch-app'] // 可选，需要使用的开放标签列表，

});

wx.ready(function (res) {

   var btn = document.getElementById('launch-btn');

   btn.addEventListener('error', function (e) {

   //打开失败则跳转到下载页

   if (e.detail.errMsg == 'launch:fail') {

      if (ifios) {

       window.location.href = ios_down

    } else {

       window.location.href = android_down

    }

 }

});

});

}