H5网页在浏览器中唤起app，怎么实现？

Posted 2023-04-13

参考技术A H5不能直接唤起其他APP。
只能是其他APP主动获取你的跳转地址或是剪贴板地址后自动打开。
如果你用的浏览器提供关联启动接口的话，可以调用浏览器的接口。

iOS/Android 微信及浏览器中唤起本地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页面的链接）

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

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

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