首頁 > 開發者 > 手機程式開發

通過瀏覽器直接開啟Android應用程式

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：

需求

通過手機瀏覽器直接開啟Android應用程式。如果本地已經安裝了指定Android應用，就直接開啟它；如果沒有安裝，則直接下載該應用的安裝檔案（也可以跳轉到下載頁面）。


實現效果

如果手機上已經安裝了App，則直接開啟，如果沒有安裝，則開始下載。

實現方式

1.為Android應用的啟動Activity設定一個Schema，如下：

<data android:host="splash" android:scheme="huiyy" />


2.使用者點擊瀏覽器中的連結時，在動態建立一個不可見的iframe，並且讓這個iframe去載入步驟1中的Schema，如下：

/*scheme:必須*///scheme_IOS: ‘huiyy://‘,//scheme_Adr: ‘huiyy://splash‘,var ifr = document.createElement(‘iframe‘); ifr.src = ua.indexOf(‘os‘) > 0 ? config.scheme_IOS : config.scheme_Adr;


3，如果在指定的時間內沒有跳轉成功，則當前頁跳轉到apk的（或下載頁），如下：

window.location = download_url;

HTML代碼 

<!doctype html><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">         <meta name="apple-mobile-web-app-capable" content="yes">        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>         <title>this‘s a demo</title>        <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui">    </head>    <body>        <div>            <a id="call-app" href="javascript:;" class="label">下載用戶端>></a>            <input id="download-app" type="hidden" name="storeurl" value="http://www.baidu.com">        </div>         <script>            (function(){                var ua = navigator.userAgent.toLowerCase();                var t;                var config = {                    /*scheme:必須*/                    scheme_IOS: ‘huiyy://‘,                    scheme_Adr: ‘huiyy://splash‘,                    download_url: document.getElementById(‘download-app‘).value,                    timeout: 600                };                 function openclient() {                    var startTime = Date.now();                     var ifr = document.createElement(‘iframe‘);                     ifr.src = ua.indexOf(‘os‘) > 0 ? config.scheme_IOS : config.scheme_Adr;                    ifr.style.display = ‘none‘;                    document.body.appendChild(ifr);                     var t = setTimeout(function() {                        var endTime = Date.now();                         if (!startTime || endTime - startTime < config.timeout + 200) {                             window.location = config.download_url;                        } else {                                                     }                    }, config.timeout);                     window.onblur = function() {                        clearTimeout(t);                    }                }                window.addEventListener("DOMContentLoaded", function(){                    document.getElementById("call-app").addEventListener(‘click‘,openclient,false);                 }, false);            })()        </script>    </body></html>


AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.example.downappdemo"    android:versionCode="1"    android:versionName="1.0" >    <uses-sdk        android:minSdkVersion="8"        android:targetSdkVersion="19" />    <application        android:allowBackup="true"        android:icon="@drawable/ic_launcher"        android:label="@string/app_name"        android:theme="@style/AppTheme" >        <activity            android:name="com.example.downappdemo.MainActivity"            android:label="@string/app_name" >            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>            <intent-filter>                <action android:name="android.intent.action.VIEW" />                <category android:name="android.intent.category.DEFAULT" />                <category android:name="android.intent.category.BROWSABLE" />                <data android:host="splash" android:scheme="huiyy" />            </intent-filter>        </activity>    </application></manifest>





通過瀏覽器直接開啟Android應用程式

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More