flutter 双端扫码下载app

After life

已于 2022-05-19 15:50:01 修改

阅读量509

点赞数

文章标签： flutter ios ipad

于 2022-05-19 15:48:30 首次发布

本文链接：https://blog.csdn.net/llh_llh_/article/details/124864642

版权

需求：将android和ios下载路径合并到一个二维码里面，当android或ios设备扫描该二维码会跳转到相对应的链接进行下载

解决方案
1:使用编写html代码生成html文件，名称为qrcode.html。
注意更换代码中的android和ios路径

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>app-name</title>

    <script type="text/javascript">
        /*
         * 智能机浏览器版本信息:
         *
         */
        var browser = {
            versions: function() {
                var u = navigator.userAgent, app = navigator.appVersion;
                return {//移动终端浏览器版本信息
                    trident: u.indexOf('Trident') > -1, //IE内核
                    presto: u.indexOf('Presto') > -1, //opera内核
                    webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                    mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
                    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
                    iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
                    iPad: u.indexOf('iPad') > -1, //是否iPad
                    webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
                };
            }(),
            language: (navigator.browserLanguage || navigator.language).toLowerCase()
        }

        if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
            window.location="itms-apps://itunes.apple.com/cn/app/app-id";
        }
        else if (browser.versions.android) {
            window.location="http://ip:port/file/upload/app-name.apk";
        }

        //            document.writeln("语言版本: " + browser.language);
        //            document.writeln(" 是否为移动终端: " + browser.versions.mobile);
        //            document.writeln(" ios终端: " + browser.versions.ios);
        //            document.writeln(" android终端: " + browser.versions.android);
        //            document.writeln(" 是否为iPhone: " + browser.versions.iPhone);
        //            document.writeln(" 是否iPad: " + browser.versions.iPad);
        //            document.writeln(navigator.userAgent);

    </script>
</head>
<body>

</body>
</html>

2：将qrcode.html文件放入到公网可以访问的服务器上，例如该路径为：http://127.0.0.1:8085/file/qrcode.html

3：搜索草料二维码https://cli.im，将 http://127.0.0.1:8085/file/qrcode.html 这个链接输入进去，然后点击生成二维码即可。

After life

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
flutter 双端扫码下载app

需求：将android和ios下载路径合并到一个二维码里面，当android或ios设备扫描该二维码会跳转到相对应的链接进行下载解决方案1:使用编写html代码生成html文件，名称为qrcode.html。注意更换代码中的android和ios路径<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>app-
复制链接

扫一扫