web网页引导app启动或下载有安装则启动app，未安装或启动失败引导下载

最新推荐文章于 2022-07-28 19:44:12 发布

Capricorncd

最新推荐文章于 2022-07-28 19:44:12 发布

阅读量1.8k

点赞数

文章标签： app下载引导 download JavaScript web app

本文链接：https://blog.csdn.net/Yagizacd/article/details/73930808

版权

app-download-boot

web网页引导app启动或下载。若有安装app则启动，未安装或启动失败（或超时）跳转至指定网页。

源码地址：https://github.com/zx1984/app-download-boot

使用方法

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>App-Download-Boot by Capricorncd</title>
</head>
<body>
<header>
    <h1>NAME</h1>
    <p>App introduction or brief explanation</p>
</header>

<div class="btn-group">
    <button class="btn app-down" id="downloadBtn">Download</button>
</div>

<!--引入app-download-boot.js文件-->
<script src="../dist/app-download-boot.js"></script>
<script>
    var appDownload = new appDownloadBoot({
        android: {
            // 直接下载的文件地址
            file: 'http://kekecang.com/kekecang.apk',
            // 自定义协议，与app之间的通信（app捕获该协议做相应操作）
            // 需要Android程序员配合，教程 https://my.oschina.net/liucundong/blog/354029
            schema: 'xmq://',
            yyb: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.gaijiawang.kekecang' // 应用宝推广链接
        },
        ios: {
            appid: "1110650922",
            // appStore
            appstore: 'https://itunes.apple.com/cn/app/ke-ke-cang/id1110650922?mt=8',
            // 自定义协议，与app之间的通信（app捕获该协议做相应操作）
            // 需要ios程序员配合，教程 http://blog.csdn.net/it_kaka/article/details/51958312
            schema: 'xmq://'
        },
        // app下载介绍页面或官网
        site: 'http://kekecang.com/',
        // 需要在App内打开的内容链接(app已安装时，启动App并加载此页面)
        url: 'http://cd.qq.com/a/20161123/005577.htm'
    });

    // 点击页面上的下载按钮，跳转或下载app
    document.getElementById('downloadBtn').onclick = function () {
        appDownload.download();
    };

</script>
</body>
</html>