1.把apk文件上传至服务器，或者后端项目中。
获取下载链接，使用草料二维码生成二维码，选择网址生成二维码。
草料二维码：https://cli.im/url
2.使用微信打开网址时，无法在微信内打开常用下载软件，手机APP等。
解决办法：下载应用时，弹出一个遮罩，提示用户在浏览器打开或下载。
代码
<html>
<head>
<title></title>
<meta name="decorator" content="blank"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<style>
*{ margin:0; padding:0;}
.mbshei{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7); z-index:9999; color:#fff; display:none;}
.dianjitishi{ padding: 20px; font-size:20px;}
</style>
<script type="text/javascript">
function getUrl() {
//判断是否是微信
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
$(".mbshei").show();
} else {
$(".mbshei").hide();
window.location.href =
"${pageContext.request.contextPath}/static/apkfile/xxx.apk";
}
}
</script>
</head>
<body>
<div style="text-align:center; margin-top:8vh">
<img src="${ctxStatic}/images/login_logo.png" width="30%">
</div>
<div style=" text-align:center; padding-top:30px;">
<button onclick="getUrl();" class="btn btn-success"
style="width: 60%; font-weight: bold; box-shadow: 2px 5px 10px 2px #000">
<img src="${ctxStatic}/images/anzhuo.png"
width="25"> 安卓手机下载
</button>
</div>
<div class="mbshei" id="mb">
<div>
<img src="${ctxStatic}/images/jiantou.png" width="100%">
</div>
<div class="dianjitishi">
<label>1 、点击右上角的</label>
<img src="${ctxStatic}/images/xiazais.png" height="40">
<label>按钮</label>
</div>
<div class="dianjitishi">
<label>2 、选择</label>
<img src="${ctxStatic}/images/liulanqidakai.png" height="40">
</div>
</div>
</body>
</html>
1.把apk文件上传至服务器，或者后端项目中。
获取下载链接，使用草料二维码生成二维码，选择网址生成二维码。
草料二维码：https://cli.im/url
2.使用微信打开网址时，无法在微信内打开常用下载软件，手机APP等。
解决办法：下载应用时，弹出一个遮罩，提示用户在浏览器打开或下载。
代码
<html>
<head>
<title></title>
<meta name="decorator" content="blank"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<style>
*{ margin:0; padding:0;}
.mbshei{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7); z-index:9999; color:#fff; display:none;}
.dianjitishi{ padding: 20px; font-size:20px;}
</style>
<script type="text/javascript">
function getUrl() {
//判断是否是微信
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
$(".mbshei").show();
} else {
$(".mbshei").hide();
window.location.href =
"${pageContext.request.contextPath}/static/apkfile/xxx.apk";
}
}
</script>
</head>
<body>
<div style="text-align:center; margin-top:8vh">
<img src="${ctxStatic}/images/login_logo.png" width="30%">
</div>
<div style=" text-align:center; padding-top:30px;">
<button onclick="getUrl();" class="btn btn-success"
style="width: 60%; font-weight: bold; box-shadow: 2px 5px 10px 2px #000">
<img src="${ctxStatic}/images/anzhuo.png"
width="25"> 安卓手机下载
</button>
</div>
<div class="mbshei" id="mb">
<div>
<img src="${ctxStatic}/images/jiantou.png" width="100%">
</div>
<div class="dianjitishi">
<label>1 、点击右上角的</label>
<img src="${ctxStatic}/images/xiazais.png" height="40">
<label>按钮</label>
</div>
<div class="dianjitishi">
<label>2 、选择</label>
<img src="${ctxStatic}/images/liulanqidakai.png" height="40">
</div>
</div>
</body>
</html>