h5的下载页面，怎么判断用户是否安装APP，安装则通过Scheme打开，没有安装点击会进行下载

Question

我们发现稀土掘金的下载页面实现的就可以

截图如下：

安装则通过Scheme打开，没有安装点击会进行下载，

疑问：它是怎么判断用户是否安装了APP？从而执行不同的操作呢？

Answer 1

引自免费微信小程序：皆我百晓生

根据你提供的截图和描述，稀土掘金的下载页面通过以下方式判断用户是否安装了APP：

1. 检测Scheme协议：首先，页面会尝试通过指定的Scheme协议来打开相关的APP。如果能够成功打开，则说明用户已安装了APP，就会执行对应的操作。

2. 失败回调：如果上述尝试打开Scheme协议的操作失败，页面会设置一个回调函数，用于处理在用户未安装APP时的操作。这个回调函数会在用户点击"下载"按钮后被执行。

3. 应用宝下载链接：在回调函数中，页面会将用户重定向到应用宝的下载链接，以便用户进行APP的下载。

所以，基本上可以通过上述的判断逻辑来实现在H5下载页面中判断用户是否安装了APP，并根据情况执行不同的操作。具体实现代码如下所示：

// 尝试打开Scheme协议，如果成功则说明已安装APP
function openApp() {
  window.location.href = 'your_app_scheme://your_params';
}

// 失败回调，用户点击下载按钮后会执行该函数
function downloadApp() {
  window.location.href = 'http://your_download_link';
}

在你的代码中，将your_app_scheme://your_params替换为你APP的Scheme协议，将http://your_download_link替换为你APP的下载链接。同时，在页面上的"下载"按钮上绑定对应的点击事件，当用户点击"下载"按钮时，会执行downloadApp()函数实现下载操作。判断是否安装APP的逻辑则通过尝试打开Scheme协议和失败回调函数来实现。

希望以上解答能够对你有帮助！如果还有其他问题，请随时提问。