需求:实现在H5页面中唤起APP功能,点击下载按钮判断APP是否下载,如下载了 APP就直接打开APP,如果没有下载则下载安装包
使用callapp-lib插件(https://github.com/suanmei/callapp-lib)
官网介绍:callapp-lib 是一个 H5 唤起 APP 的解决方案,能够满足大部分唤起客户端的场景,也预留了扩展口,帮你实现一些定制化的功能。
git上面有详细的参数说明和案例,最后根据文档成功唤起APP,常用的参数如下:
//引入js
<script src="https://unpkg.com/callapp-lib@3.1.2/dist/index.umd.js"></script>
const option = {
scheme: {
protocol: 'zhihu', //APP 协议
},
intent: {
package: 'com.zhihu.android', //apk 相关信息
scheme: 'zhihu',
},
appstore: '',
//唤端失败后跳转的地址,下载安装包就是这个地址
fallback: 'https://www.zhihu.com/api/v4/sem/package/redirect?app_from=zhihuwap&utm_source=zhihu_default',
timeout: 2000,
};
const lib = new CallApp(option)
window.location.href = lib.generateIntent({path:''}); //点击下载
image.png