鍍金池/ 問答/HTML5  PHP  HTML/ 微信掃碼下載安裝iOS和Android js代碼問題

微信掃碼下載安裝iOS和Android js代碼問題

問題描述

微信掃碼下載安裝iOS和Android js代碼問題
只能通過瀏覽器掃碼才會(huì)顯示我的APP安裝包,iOS和Android的微信掃一掃 都是加載網(wǎng)頁空白不動(dòng).

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

問題1 微信內(nèi)置瀏覽器iOS和Android掃碼都不能執(zhí)行下載安裝
問題2 微信內(nèi)置瀏覽器掃一掃 iOS 我需要加個(gè)提示框 提示框 提示 即將離開微信 打開app Stroe下載 實(shí)際上是直接安裝
要仿照的案例 圖片描述
案例中 使用iOS手機(jī)的微信掃一掃 會(huì)出現(xiàn)2個(gè)步驟 這個(gè)2個(gè)步驟的代碼需要寫出來但是不知道怎么寫我下面貼圖
圖片描述
2
圖片描述
重點(diǎn)是 它的APP包和我的APP包都是沒有上架app stroe的 因?yàn)?下載了 都需要 設(shè)置 - 信任才能打開

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)
我目前的代碼

<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        <title>二維碼下載</title>     

        <script type="text/javascript">  
            /*  
             * 智能機(jī)瀏覽器版本信息:  
             *  
             */  
            var browser = {  
                versions: function() {  
                    var u = navigator.userAgent, app = navigator.appVersion;  
                    return {//移動(dòng)終端瀏覽器版本信息  
                        trident: u.indexOf('Trident') > -1, //IE內(nèi)核  
                        presto: u.indexOf('Presto') > -1, //opera內(nèi)核  
                        webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內(nèi)核  
                        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內(nèi)核  
                        mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否為移動(dòng)終端  
                        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端  
                        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或者uc瀏覽器  
                        iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否為iPhone或者QQHD瀏覽器  
                        iPad: u.indexOf('iPad') > -1, //是否iPad  
                        webApp: u.indexOf('Safari') == -1 //是否web應(yīng)該程序,沒有頭部與底部  
                    };  
                }(),  
                language: (navigator.browserLanguage || navigator.language).toLowerCase()  
            }  

            if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {  
            // TODO 此處寫ios的下載地址                
            window.location="http://www.kzapp.com.cn/QRcode/kzwx.ipa";  
            }  
            else if (browser.versions.android) {   
            // 此處寫Andoird 的下載地址  
             window.location="http://www.kzapp.com.cn/QRcode/kzwx.apk";  
            }  

//            document.writeln("語言版本: " + browser.language);  
//            document.writeln(" 是否為移動(dòng)終端: " + browser.versions.mobile);  
//            document.writeln(" ios終端: " + browser.versions.ios);  
//            document.writeln(" android終端: " + browser.versions.android);  
//            document.writeln(" 是否為iPhone: " + browser.versions.iPhone);  
//            document.writeln(" 是否iPad: " + browser.versions.iPad);  
//            document.writeln(navigator.userAgent);  


        </script>  
    </head>  
    <body>  

    </body>  
</html>  

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

和我提供的參考案例一致 在微信內(nèi)置瀏覽器的掃一掃iOS 提示框然后直接下載安裝
在外部其他瀏覽器掃碼直接下載

2018/8/9 今天更新內(nèi)容:測(cè)試了群友給的參考資料:https://blog.csdn.net/qian_me... (標(biāo)題:itms-services協(xié)議,不通過AppStore,直接安裝IOS應(yīng)用程序)

但是Safari 測(cè)試無法打開網(wǎng)頁
xxx.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://www.kzapp.com.cn/QRcode/kzwx.ipa</string>  
                </dict>  
            </array>  
            <key>metadata</key>  
            <dict>  
                <key>bundle-identifier</key>  
                <string>com.qgbes.pjob</string>  
                <key>bundle-version</key>  
                <string>1.0.0</string>  
                <key>kind</key>  
                <string>software</string>  
                <key>title</key>  
                <string>測(cè)試APP免Appstore安裝項(xiàng)目</string>  
            </dict>  
        </dict>  
    </array>  
</dict>  
</plist>

最終組成測(cè)試連接
itms-services://?action=download-manifest&url=‘https://gitee.com/214836649/e...

回答
編輯回答
怣痛

@歲月回音
弄懂了 誤會(huì)你了
是我連接拼接錯(cuò)誤導(dǎo)致~

itms-services://?action=download-manifest&url=‘https://gitee.com/214836649/enjoy_the_app_sharing_system/raw/3f28a6d773d047e38e744ff58268414930640cbb/kzwx.plist’


itms-services://?action=download-manifest&url=https://gitee.com/214836649/enjoy_the_app_sharing_system/raw/3f28a6d773d047e38e744ff58268414930640cbb/kzwx.plist
2018年4月26日 09:25
編輯回答
空痕

itms-services://?action=download-manifest&url=https%3A%2F%2Fmobile.cgpay.io%2FDownloadIPA%2Fcgpayb.plist
跳轉(zhuǎn)到這個(gè)地址,plist文件換成自己服務(wù)器上的
怎么打包IOS企業(yè)應(yīng)用參考以下鏈接
https://www.jianshu.com/p/f72...

2017年4月28日 08:14
編輯回答
刮刮樂

這種建議直接使用微信的SDK或者接入他們的功能。 比如騰訊開放平臺(tái)的應(yīng)用寶。參考: http://wiki.open.qq.com/index...

2017年1月16日 23:07