今天同事突然问我微信浏览器怎么下载,当时有点蒙,于是有了下面的内容。
二、实现
方法一:
1. ios利用app store直接关联打开进行下载。
2. android利用应用宝或直链下载。
$(document).ready(function () { var flag = -1; var is_no_weixn1 = document.getElementById("is_no_weixn1"); var is_weixn1 = document.getElementById("is_weixn1"); var is_no_weixn2 = document.getElementById("is_no_weixn2"); var is_weixn2 = document.getElementById("is_weixn2"); var is_no_weixn3 = document.getElementById("is_no_weixn3"); var is_weixn3 = document.getElementById("is_weixn3"); var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { flag = '1'; //微信 } else { flag = '0'; } if (flag == '1') { is_no_weixn1.style.display = "none"; is_weixn1.style.display = "block"; //is_no_weixn2.style.display = "none"; //is_weixn2.style.display = "block"; is_no_weixn3.style.display = "none"; is_weixn3.style.display = "block"; } else { is_no_weixn1.style.display = "block"; is_weixn1.style.display = "none"; //is_no_weixn2.style.display = "block"; //is_weixn2.style.display = "none"; //alert("1"); is_no_weixn3.style.display = "block"; is_weixn3.style.display = "none"; } }); function weixinOpen() { $("#mask_div").removeClass("dispn"); } function weixinClose() { $("#mask_div").addClass("dispn"); } function AlertTip(msg) { $.jBox.alert(msg, "提示"); } function fnIosDownload() { // ios app store location.href = "https://itunes.apple.com/us/app/wo-de-chen-yang-cheng-che-yi/id1031148610?l=zh&ls=1&mt=8"; } function fnJumpToYYB() { // 腾讯应用宝 location.href = "http://a.app.qq.com/o/simple.jsp?pkgname=com.taihe.rideeasy"; }
<div style="width:340px; margin:0 auto;"> <!-- ios非微信时 --> <a id="is_no_weixn3" class="install" style="margin-left:40px" onclick="fnIosDownload()"> <img src="/images/01.png" alt="" > </a> <!-- ios微信时 --> <a id="is_weixn3" href="#" class="install" style="margin-left:40px" onclick="weixinOpen()"> <img src="/images/01.png" > </a> <!-- android非微信时 --> <a id="is_no_weixn1" href="http://42.56.70.68:8080/taihe_wo/Ccyuploadapk/ccy20150921202026968.apk" class="install" > <img src="/images/02.png" > </a> <!-- android微信时 --> <a id="is_weixn1" class="install" onclick="fnJumpToYYB()"> <img src="/images/02.png" > </a> </div>
注:以上两段代码摘自“沈阳市交通局-乘车易”。
方法二
1. ios利用证书签名(个人或企业)直接跳过进行下载。
2. android利用应用宝或直链下载。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>Install Geoloqi</title> <style type="text/css"> body { background: url(bkg.png) repeat #c5ccd4; font-family: Helvetica, arial, sans-serif; } .congrats { font-size: 16pt; padding: 6px; text-align: center; } .step { background: white; border: 1px #ccc solid; border-radius: 14px; padding: 4px 10px; margin: 10px 0; } .instructions { font-size: 10pt; } .arrow { font-size: 15pt; } table { width: 100%; } </style> </head> <body> <div class="congrats">Congrats! You've been invited to the beta of Geoloqi.</div> <div class="step"> <table><tr> <td class="instructions">Install the<br />FilmPicker App</td> <td width="24" class="arrow">→</td> <td width="72" class="imagelink"> <a href="itms-services://?action=download-manifest&url=http://192.168.5.7:8080/stgApp.plist"> <img src="icon.png" height="72" width="72" /> </a> </td> </tr></table> </div> </body> </html>
关于证书申请和签名这里我没测试过,也就不说了。想了解的可以看下文:
引用
链接地址如下:
itms-services:///?action=download-manifest&url=http://cloud.189.cn/download/client/iOS/cloud189.plist?v=D1.0.6
打开这个地址: http://cloud.189.cn/download/client/iOS/cloud189.plist,会看到一个plist文件(证书签名后生成的文件),内容如下:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> <plist version="1.0"> <dict> <key>items</key> <array> <dict> <key>assets</key> <array> <dict> <key>kind</key> <string>software-package</string> <key>url</key> <string>http://cloud.189.cn/download/client/iOS/cloud189_1.1.1.ipa</string> </dict> </array> <key>metadata</key> <dict> <key>bundle-identifier</key> <string>com.21cn.cloud189</string> <key>bundle-version</key> <string>1.1.1</string> <key>kind</key> <string>software</string> <key>title</key> <string>天翼云存储</string> </dict> </dict> </array> </dict> </plist>
三、原理
这里面android部分很简单,没什么可说的。主要是ios这部分,两种方法分别利用了app store和证书签名(itms-services协议)。itms-services协议可以方便我们进行测试,也可跳过app store进行下载,但是这样显然是符合apple的相关规定的。
大家可能都用过itools或pp助手等APP下载过软件,其实就是APP中的所有的可下载APP都是经过企业证书签名的,所以我们才可以直接下载安装。
四、ios两种链接对比
app store:https://itunes.apple.com/us/app/wo-de-chen-yang-cheng-che-yi/id1031148610?l=zh&ls=1&mt=8
itms-services协议:itms-services:///?action=download-manifest&url=http://cloud.189.cn/download/client/iOS/cloud189.plist?v=D1.0.6
引用
更详细的关于itms-services协议可参考:
http://blog.csdn.net/sing_sing/article/details/7489906
http://blog.csdn.net/sing_sing/article/details/7489906