通过浏览器直接打开Android应用程序

转自：http://my.oschina.net/liucundong/blog/168612   http://my.oschina.net/liucundong/blog/354029

  Update：

   更新了实现方式：http://my.oschina.net/liucundong/blog/354029

   2014-12-9

---------我是分割线------------------------------------------------------------------------------

    原文：

    最近遇到这么一个需求： 
    当用户在手机浏览器中点击一个按钮时，如果手机上已经该应用程序，则直接打开，如果没有安装，则转向应用下载页面。 再详细一点就是：通过点击网页中一个按钮，打开本地某个Activity（如果有的话）或用浏览器打开某个url。

    查了一下文档，Android是支持这个的： 

http://developer.android.com/guide/topics/manifest/data-element.html

    解释一下文档中的描述：scheme://host:port/path or pathPrefix or pathPattern

这里面定义的schema+host+port+(path or pathPrefix or pathPattern)能拼凑出一个http链接，包含这个filter的Activity，能处理这个http链接。

实现：

• 网页代码

点击这个按钮：

?

1	< a  id = "applink1"  href = "http://test.xx.com/demo/test.php" >打开</ a >

在 http://test.xx.com/demo/test.php中，直接开始下载xxxx.apk。

• Activity代码

给目标Activity增加以下filter：

?

1 2 3 4 5 6 7 8 9 10 11

< 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 = "test.xx.com "          android:path = "/demo/test.php"          android:scheme = "http"  />  </ intent-filter >

增加该filter后，该Activity就能处理 http://test.xx.com/demo/test.php。在浏览器中点击“开始”，发起对该URL的请求时，如果本机安装了这个应用，系统就会弹出一个选择，询问你想使用浏览器打开，还是使用该应用打开，如下图：

如果本机没有安装这个应用，则直接会使用浏览器（多个浏览器的话，还需要选择一下）打开 http://test.xx.com/demo/test.php，浏览器会提示你下载应用，如下图：

by @Cundong

2014年12月9日：

更新了实现方式：http://my.oschina.net/liucundong/blog/354029

之前写过一篇blog，介绍如何通过点击手机浏览器中的链接，直接打开本地Android App。

实现方式不太完美，最近看了微博、京东的手机版网页，感觉他们的实现方式很不错，研究了一下，实现以下效果：

如果本地已经安装了指定Android应用，就直接打开它；如果没有安装，则直接下载该应用的安装文件（也可以跳转到下载页面）。

实现效果

如下图所示，在手机浏览器中访问京东的手机版网站(m.jd.com)，顶部会有一个广告图，点击这个广告图，如果手机上已经安装了京东App，则直接打开，如果没有安装，则开始下载。

实现方式

1.为Android应用的启动Activity设置一个Schema，如下：

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

2.用户点击浏览器中的链接时，在动态创建一个不可见的iframe，并且让这个iframe去加载步骤1中的Schema，如下：

var ifr = document.createElement('iframe');
ifr.src="cundong://splash"

3，如果在指定的时间内没有跳转成功，则当前页跳转到apk的下载地址（或下载页），如下：

window.location = download_url;

HTML代码

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61

<! 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 = "J-call-app"  href = "javascript:;"  class = "label" >立即打开&gt;&gt;</ a >              < input  id = "J-download-app"  type = "hidden"  name = "storeurl"  value = "http://m.chanyouji.cn/apk/chanyouji-2.2.0.apk" >          </ div >            < script >              (function(){                  var ua = navigator.userAgent.toLowerCase();                  var t;                  var config = {                      /*scheme:必须*/                      scheme_IOS: 'cundong://',                      scheme_Adr: 'cundong://splash',                      download_url: document.getElementById('J-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("J-call-app").addEventListener('click',openclient,false);                    }, false);              })()          </ script >      </ body > </ html >

AndroidMainfext.xml

<activity
     android:name=".activity.LauncherActivity"
     android:configChanges="orientation|keyboardHidden|navigation|screenSize"
     android:label="@string/app_name"
     android:screenOrientation="portrait" >
        <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="cundong" />
       </intent-filter>
</activity>

by @Cundong