当开发一个Android app的时候，都是给用户提供一个二维码，毕竟二维码传播与保存都很方便，把二维码指向安装文件的最新地址就可以了。不用每次升级都发给用户一个新的安装包。生成二维码有很多办法，用蒲公英也可以，但是比较麻烦，还需要认证。如果比较着急，而自己又有服务器的时候，可以把安装文件放在web容器中，用对应的url来生成一个二维码。
但是扫描这个二维码的时候，会有一个问题，很多人喜欢用微信扫。微信扫描后，是无法下载的。需要用户在手机自带的浏览器打开这个地址，才能正常下载。很多用户，微信扫码不下载，可能就觉得你的二维码有问题。

解决方案

可以写一个简单的html页面，判断是否是微信，如果是微信，则提醒使用浏览器开打，不是则直接下载。
代码如下，注意替换app的下载地址：



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>自助拍照App</title>
</head>
<body>
<style type="text/css">
    *{margin:0; padding:0;}
    img{max-width: 100%; height: 100%;}
</style>
<div>
    <p style="text-align: center;display: none;" >
        <a id="da" href="app的下载地址">
            <br/><font size="5">点击下载</font>
        </a>
    </p>
</div>
<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 winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
    function loadHtml() {
        var div = document.createElement('div');
        div.id = 'weixin-tip';
        div.innerHTML = '<p> 在微信中无法下载APP' +
            '    <br/>' +
            '    1. 请点击右上角按钮' +
            '    <br/>' +
            '    2. 选择【在浏览器中打开】</p>'; 		//遮罩图片
        document.body.appendChild(div);
    }

    function loadStyleText(cssText) {
        var style = document.createElement('style');
        style.rel = 'stylesheet';
        style.type = 'text/css';
        try {
            style.appendChild(document.createTextNode(cssText));
        } catch (e) {
            style.styleSheet.cssText = cssText; //ie9以下
        }
        var head = document.getElementsByTagName("head")[0]; //head标签之间加上style样式
        head.appendChild(style);
    }
    var cssText = "#weixin-tip{position: fixed; left:0; top:0;  filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} #weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}";
    if (isWeixin) {
        loadHtml();
        loadStyleText(cssText);
    } else {
        document.getElementById('da').click();
    }
</script>
</body>
</html>

把这个html页面放在web容器中，对应的url生成一个二维码，微信扫码效果如下：

效果

效果
如果觉得不好看，还可以将对这个页面下一些功夫

# 微信 # javascript # 前端
Logo
向您推荐>>Eolink开发者社区

权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区

更多推荐

ELK实现containerd的容器日志采集展示【基于logging的全栈监测】

企业级ELK Stack构建介绍

avatar 云原生

深入理解 Mocha 测试框架：从零实现一个 Mocha

前言什么是自动化测试自动化测试在很多团队中都是Devops环节中很难执行起来的一个环节，主要原因在于测试代码的编写工作很难抽象，99%的场景都需要和业务强绑定，而且写测试代码的编写工作量往往比编写实际业务代码的工作量更多。在一些很多业务场景中投入产出比很低，适合写自动化测试的应该是那些中长期业务以及一些诸如组件一样的基础库。自动化测试是个比较大的概念，其中分类也比较多，比如单元测试，端对端测试，集

avatar 云原生

(20200916 Solved)docker-compose up创建容器自动退出

问题描述如题，创建容器后自动退出了。并且docker start container无效解决方案原因是缺失了控制终端的配置，需要在docker-compose.yml中增加tty:true ，有时候这样也不行，需要再增加一个command:/bin/bash，命令不一定是这个，需要是一个不会退出的命令，然后用-d后台启动容器。Referencesdocker-compose启动容器后自动退出...

avatar 云原生