H5唤起APP

需求:实现在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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • H5唤起APP进行分享 最近很久没有写blog和note,倒是过家家的开发日志简单草草写了一点。这次记录下这个学习...
    二歪求知iSk2y阅读 28,053评论 3 25
  • 概述 DAU和新增是产品的两项重要指标, DAU,一般来源是用户自主打开、PUSH、H5唤起、付费等途径,以自主打...
    jawidx阅读 585评论 0 1
  • 一、引言 有这么一个需求,点击h5页面上的一个按钮,需要判断本机有没有安装某app,若已经安装过,则直接调起此ap...
    咸小七阅读 18,380评论 4 8
  • 一般 H5 常见的引导页,为已安装 app 的用户唤起 app,未安装 app 的用户引导下载 app 一、简介 ...
    Johnson杰阅读 9,509评论 1 6
  • 最近总接到落地页的需求,落地页的职责主要是引流,有以下几种类型1、引导已经下载App的用户打开App2、引导未下载...
    milletmi阅读 4,930评论 0 7