H5唤起APP某页面
做的H5页面,在APP中放了入口,在APP中访问别的页面
场景
我们做的H5页面,希望从浏览器跳转至APP的某个特定页面,如在H5中设置购买按钮,希望点击跳转至APP内部的购买页面。
2、过程
(1)是否安装APP判断
首先浏览器是不能自动判断设备是否安装APP,所以抛出如下弹窗让用户自己选:
点击下载APP跳转至对应的下载页面 /download 或根据环境下载ios或Android 的APP
点击已安装,APP会通过scheme协议唤起,如:xx,通过a标签添加链接地址,实现跳转。
(2)唤起APP判断唤起APP成功,跳转至APP对应的页面
唤起失败,页面没反应,所以此时需要给用户一个toast提示,告诉用户唤起失败
我们调起APP成功后快速返回浏览器,仍能看到toast提示,所以需要清除定时器
首先,H5或APP无法判断设备是否调起APP成功,所以在什么时机给用户toast提示,是个问题。
通过时差方案:
1、setTimeout时隔几秒后,给出提示
理想过程是这样:浏览器尝试打开URL scheme,开始计时,n秒后,在当前页面给出“调起失败”