微信扫码下载apk

时间:2020-05-20 12:50:22   收藏:0   阅读:521

微信扫二维码后总是不能直接下载apk,只好做个页面提示用户如何下载,代码如下:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1"/>

    <title>按提示下载应用</title>

</head>

<body>

    <style type="text/css">

    *{margin:0; padding:0;}

    img{max-width: 100%; height: auto;}

    .test{height: 600px; max-width: 600px; font-size: 40px;}

    </style>

    <div class="test">
        <a href="">点击下载apk</a>
    </div>

    <script type="text/javascript" src="/resources/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/camera/js/url.js"></script>

    <script type="text/javascript">

        function is_weixin() {

            var ua = navigator.userAgent.toLowerCase();

            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                return true;
            } else {
                return false;
            }
        }

        var isWeixin = is_weixin();

        var Request = new QueryString();
        var v = Request["v"];
        $(".test a").attr({"href": v});

        var winHeight = typeof window.innerHeight != undefined ? window.innerHeight : document.documentElement.clientHeight;

        var weixinTip = $(<div id="weixinTip"><p><img src="step.png" style="width: 100%;" alt="微信打开"/></p></div>);
        
        if (isWeixin) {
            $("body").append(weixinTip);
        } else {
            window.location.href = v;
        }

        $("#weixinTip").css({
            "position":"fixed",
            "left":"0",
            "top":"0",
            "height":winHeight,
            "width":"100%",
            "z-index":"1000",
            "background-color":"rgba(0,0,0,0.8)",
            "filter":"alpha(opacity=80)",
        });

        $("#weixinTip p").css({
            "text-align":"center",
            "margin-top":"10%",
            "padding-left":"5%",
            "padding-right":"5%"
        });

    </script>

</body>

</html>

js获取链接后面带的 v 参数,这个 v 参数就是apk的下载链接(下面的IP随便写的,就不要试着去访问了):

http://31.91.81.51/apk/page.html?v=http://31.91.81.51/lemon/apk/IoTStandardHt 技术图片2.1.1.8.apk 

按说应该把html页面改成xhtml页面,页面代码去后台获取apk的路径,不过页面后面直接携带参数就省得麻烦了,后台输出二维码的时候一次性输出,扫码一次性获取

还有一个问题就是域名,这个直接IP的链接扫码后微信还是会提示直接跳转,有时候还要点两次才能跳转到这个页面(我也不晓得为什么)。出现这个问题的原因是微信对IP也有限制,需要使用域名才能直接访问页面(微信限制真多,不过客户都喜欢用微信扫码)。

没有域名的话,去买一个域名就可以了,昨天买了一个,蛮便宜的,一年9块钱

效果图

技术图片

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!