微信浏览器中直接下载ios、android的APP

最新推荐文章于 2022-08-17 15:47:47 发布

langmnm

最新推荐文章于 2022-08-17 15:47:47 发布

阅读量1.1k

点赞数

分类专栏： wechat 文章标签： wechat app store android

本文链接：https://blog.csdn.net/langmnm/article/details/84745512

版权

wechat 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

[size=x-large]一、前言[/size]
今天同事突然问我微信浏览器怎么下载，当时有点蒙，于是有了下面的内容。

[size=x-large]二、实现[/size]
[size=large]方法一：[/size]
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>

[color=red][size=small]注：以上两段代码摘自“沈阳市交通局-乘车易”。[/size][/color]

[size=large]方法二[/size]
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>

关于证书申请和签名这里我没测试过，也就不说了。想了解的可以看下文：
[quote][url]http://blog.csdn.net/sing_sing/article/details/7497794[/url][/quote]

链接地址如下：
itms-services:///?action=download-manifest&url=http://cloud.189.cn/download/client/iOS/cloud189.plist?v=D1.0.6

打开这个地址：[url]http://cloud.189.cn/download/client/iOS/cloud189.plist[/url]，会看到一个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>

[size=x-large]三、原理[/size]
这里面android部分很简单，没什么可说的。主要是ios这部分，两种方法分别利用了app store和证书签名（itms-services协议）。itms-services协议可以方便我们进行测试，也可跳过app store进行下载，但是这样显然是符合apple的相关规定的。
大家可能都用过itools或pp助手等APP下载过软件，其实就是APP中的所有的可下载APP都是经过企业证书签名的，所以我们才可以直接下载安装。

[size=x-large]四、ios两种链接对比[/size]
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

[quote]更详细的关于itms-services协议可参考：
[url]http://blog.csdn.net/sing_sing/article/details/7489906[/url][/quote]

langmnm

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
微信浏览器中直接下载ios、android的APP

[size=x-large]一、前言[/size] 今天同事突然问我微信浏览器怎么下载，当时有点蒙，于是有了下面的内容。[size=x-large]二、实现[/size][size=large]方法一：[/size]1. ios利用app store直接关联打开进行下载。2. android利用应用宝或直链下载。[code="js"] $(doc...
复制链接

扫一扫

专栏目录