如何經過掃描二維碼下載多版本APP

What?

經過二維碼爲多版本（Android/IOS/Windows Phone）的app提供統一的下載入口

Problem

通常用戶都是用微信自帶的「掃一掃」工具來掃碼，而經過微信打開的二維碼頁面會自動屏蔽apk文件，因此把apk的url生成一個二維碼，讓用戶掃一掃後直接下載是行不通的

How?

用一個HTML頁面，把全部邏輯控制都在該頁面進行，好比判斷設備終端、掃碼工具等來跳轉到不一樣的下載地址，最後經過該HTML頁面對應的URL生成一張二維碼便可

Details

方法一

• 判斷終端類型

var Terminal = {
    // 辨別移動終端類型
    platform : function() {
        var u = navigator.userAgent, app = navigator.appVersion;
        return {
            // android終端或者uc瀏覽器
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
            // 是否爲iPhone或者QQHD瀏覽器
            iPhone: u.indexOf('iphone') > -1,
            // 是否爲ipad
            iPad: u.indexOf('iPad') > -1,
            // 是不是經過微信的掃一掃打開的
            WeChat: u.indexOf('MicroMessenger') >-1
        };
    } (),
    // 辨別移動終端的語言：zh-cn、en-us、ko-kr、ja-jp。。。
    language : (navigator.browserLanguage || navigator.language).toLowerCase()
}

• 加入判斷代碼，根據不一樣的終端跳轉到不一樣的下載地址

• 將HTML頁面放到服務器上

• 生成二維碼

方法二

作一個app下載頁面放在服務器上，加上ios和android版本連接按鈕

方法三

把APK文件上傳到OPEN-騰訊開放平臺，申請經過後會獲得一個移動推廣連接，用它替換原來的「android下載」連接或者直接以此連接生成一個二維碼，這樣用戶就能夠在微信中掃一掃直接下載了

注

若是是在微信裏掃一掃打開的，當用戶點擊「android下載」的時候，要提示用戶在瀏覽器中打開此頁面