h5唤起app方法

Posted 2023-04-13

参考技术A

URL Schemes

Intent

IOS Universal Link

三种唤醒媒介对比

我定义了一个全局对象globalData，用来存储设备信息，有个属性isHW，是因为华为浏览器和其他安卓设备又有些不同，故区分出来单独处理。

此上是设备判断的逻辑，能够得到是pc端打开还是移动端，移动端打开app是什么app（例如：微信，微博，qq等），移动端设备的类型是 ios 还是 an，以及是否是华为手机。

下面就来写调起的程序了。

至此，唤起app的需求就完成了，仅供大家参考，若有更好的方法，欢迎留言交流。

本文部分内容参考自： https://www.jianshu.com/p/500f4be528e3

Html唤起手机APP，如果有就唤起，如果没有就跳到下载页。

在微信里面打开app的指定页面，考虑到使用Url Scheme，可是微信已经禁止了，但是通过浏览器可以实现，
最终是在微信里面让用户通过打开浏览器，使用安卓或者IOS开发者提供的协议短链，
如贴吧APP，协议为：com.baidu.tieba:// ，微信的：weixin://
实现在浏览器中打开app指定页面，通过传递不同的参数实现跳转不同的页面

而对于点击链接后，能否直接打开，可以通过下面的代码来实现。

js代码

document.querySelector("#linkApp").onclick = function(){
    setTimeout(function(){
        window.location.href = "com.baidu.tieba://"     //唤起APP
    },2000);
    window.location.href = "download.html"             //2秒内没有唤起，表示手机中没有该APP，去下载页
}

 

能否在微信中打开浏览器可以用 CommaTool工具实现
工具地址：http://www.commatool.cn/

使用教程：
①：输入需要在微信中打开的网址链接。（需要唤起APP页面的链接）

②：点击生成按钮，生成转换后的链接和二维码。

③：复制生成后的链接或者扫一扫二维码即可。

可以用这个工具测试一下，免费