如何判断H5是否通过通用链接成功唤起了app？

Question

如何判断H5是否通过通用链接成功唤起了app？
有什么检测方法吗？比如之前scheme的跳转，可以通过监听页面的hidden事件？

Answer 1

你在唤起APP的时候执行以下代码，在urlschemes后面携带一个参数

<a href="test://enter?a=1">唤起app<a>

在app端获取参数

let args = plus.runtime.arguments;
console.log(plus.runtime.arguments, typeof args, 'plus.runtime.arguments');
if (typeof args == 'string' || typeof args == 'object') {
args = args.split('entry?');

console.log(args,'args');
if (args.length == 2 && args[1]) {
  args = args[1];
  try {
    //获取到参数，处理跳转逻辑
  } catch (e) {
    console.log('处理参数失败', e);
  }
}

//值清空这里有坑的,可能是官方bug
plus.runtime.arguments = null;
plus.runtime.arguments = '';
return false;
}

Answer 2

一个比较常见的做法就是延迟(setTimeout)几秒后弹出一个启动失败的弹窗或者相应的逻辑。
然后添加一个 pagehide 和 visibilitychange 的事件监听，当 hide 后，取消掉这个 setTimeout。

因为如果跳转成功了，页面一般都会切出去，反之则不会。

大致的代码

function redirectToApp (path) {
  function handleRedirectFailed () {
    const timer = setTimeout(function () {
      // 显示失败的弹窗或者逻辑
    }, 3e3);

    return function () {
      clearTimeout(timer);
    };
  }

  const timer = handleRedirectFailed();
  window.addEventListener('pagehide', timer);
  document.addEventListener('visibilitychange', () => {
    if (document.visibilityState === 'hidden' || document.hidden) {
      timer();
    }
  });

  setTimeout(function () {
    document.removeEventListener('visibilitychange', timer);
    window.removeEventListener('pagehide', timer);
  }, 3e3);

  // 使用 schema 跳转
  window.open(url, '_blank');
}

有些手机在跳转前可能会询问用户，这个过程可能也会触发 pagehide、visibilitychange，要避免这种情况，可以把 addEvenetListener 延迟一下

当然，如果你要想 100% 严谨，那就每次启动的时候额外携带一个随机参数，让后接口轮询，App 启动成功后，就把这个参数提交到后端去，页面轮询这个参数的结果就好了。不过一般都没啥必要。。。前面的方法就够了