微信浏览器唤醒

• 微信开放平台 - appid1
• 已认证的服务号 - appid2
• 安卓对话框的链接无法唤醒、卡片、扫码可以唤醒

android 采用以下方案

      <wx-open-launch-app
        id="launch-btn1"
        appid="appid1"
        :extinfo=""
      >
      <!-- vue中必须这种格式 -->
        <script type="text/wxtag-template">
          <style>.btn { width: 79px; height: 32px; background: #e6f0ff linear-gradient(132deg, #e2d5c4 0%, #c4a27b 100%); border-radius: 22px; text-align: center; font-size: 12px; font-weight: bold; color: #212121; line-height: 32px; }</style>
          <div class="btn">打开App</div>
        </script>
      </wx-open-launch-app>

wx.config({
    appId: appid2,
    timestamp, // 接口获取
    nonceStr, // 接口获取
    signature, // 接口获取
    jsApiList: [], // api能力
    openTagList: ["wx-open-launch-app"], // 开放标签
});

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

btn.addEventListener("launch", function (e) {
    console.log("微信唤醒成功--1");
});

// 实际上唤醒失败error并没有触发
btn.addEventListener("error", function (e) {
    console.log("微信唤醒失败--1", e.detail);
});

ios 使用普通的 href链接可以直接唤醒

普通浏览器唤醒

ios 使用普通的 href链接可以直接唤醒
安卓自定义协议头唤醒

// 判断设备
function getDeviceType() {
  const userAgent = navigator.userAgent;
  let deviceType;

  if (/Android/i.test(userAgent)) {
    deviceType = "android";
  } else if (/iPhone|iPad|iPod/i.test(userAgent)) {
    deviceType = "ios";
  } else {
    deviceType = "other";
  }
  return deviceType;
}

// 唤醒或者失败后下载
function openOrDownload(schema, downloadUrl) {
  window.location.href = schema;
  let deviceType = getDeviceType();

  if (deviceType == "android") {
    window.location.href = schema;
    let timer = null;
    let openTime = Date.now();
    const success = () => {
      clearInterval(timer);
    };

    timer = setInterval(() => {
      if (document.hidden || document.webkitHidden) {
        success();
      } else if (Date.now() - openTime > 2500) {
        clearInterval(timer);
        // 打开下载页
        location.href = downloadUrl;
      }
    }, 200);
  }

  if (deviceType == "ios") {
    var loadDateTime = new Date();
    window.location = schema;
    window.setTimeout(function () {
      var timeOutDateTime = new Date();
      if (timeOutDateTime - loadDateTime < 5000) {
        window.location = downloadUrl;
      } else {
        window.close();
      }
    }, 500);
  }
}