如何生成一个安卓和苹果手机都能识别的二维码

程序员文章站 2022-07-14 18:18:58

...

问题

开发一款app后，有android和ios两个版本，如何让这两个版本的app生成一个二维码？即ios的客户扫码下载ios版本，android客户扫码下载android版本。

解决方案

方案一：放在服务器上

（1）新建一个html文件，通过JavaScript来判断用户的手机系统（IOS或Android），判断之后，根据不同的手机系统，跳转到不同的链接去下载
（2）然后，使用这个html文件的链接去生成一个二维码图片
（3）最后，拿出手机扫一扫二维码图片会跳转到相应的下载链接。

具体步骤

（1）新建名为down.html文件，代码如下，并将该文件保存在服务器中。

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>二维码下载</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 = "https://apps.apple.com/cn/app/xxxxxxx";  //改地址放入IOS跳转链接
        } else if (browser.versions.android) {　　　　　　　　　　　　　　 //该地址放入Android下载包链接
            window.location = "http://ip:port/app/xxxx.apk";
        }

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

(2)保存在服务器中的路径如下：

如何生成一个安卓和苹果手机都能识别的二维码