碼上歡樂
相關內容    簡體    繁體

從Android瀏覽器(並不是Appliaction里面的webkit)打開應用程序/應用商店

本文轉載自   查看原文   2012-05-16 14:35   4109    Android開發篇

剛才為了測試在android瀏覽器中一個應用程序，走了一點彎路，在這里記錄下來


androidManifest.xml

  1. <activity android:name=".UploadActivity" android:screenOrientation="portrait">  
  2.     <intent-filter>  
  3.         <strong><span style="color:#ff0000;"><data android:scheme="mtcmtc"/></span></strong>  
  4.     <action android:name="android.intent.action.VIEW" />  
  5.     <category android:name="android.intent.category.DEFAULT" />  
  6.     <category android:name="android.intent.category.BROWSABLE" />  
  7.     </intent-filter>  
  8. </activity>  

 

瀏覽器中的超鏈接 <a href="mtcmtc://aaaaa/aaa">點擊打開程序</a>


從瀏覽器中直接打開Android Market Place，這個market schema 是Google已經配置好了的，可以直接使用。

<a href="market://search?q=pname:com.nytimes.android">點擊打開商店</a>


點擊打開程序

點擊打開Market

==========================================================================================

 android/iPhone:如何從browser直接打開應用程序或者打開應用商店(如果沒有應用程序)
  1. </pre>最近在做一個項目，該項目的前身是為mobile browser量身打造的一個網站。現在有這樣一個需求：<p></p><p>當用戶在用mobile browser瀏覽該網站的時候會點擊一個按鈕/超鏈接，通過這個按鈕的點擊事情需要打開安裝在本機的應用程序，或者如果本機沒有安裝該應用程序則打開應用商店並打開該程序在商店中的搜索結果頁面。</p><p></p><p>剛開始的時候iPhone team的人給出一個solution，下面是實施跳轉的HTML + javascript源代碼。</p><p></p><pre name="code" class="html"><html>   
  2.     <head>   
  3.         <meta name="viewport" content="width=device-width" />   
  4.     </head>   
  5.     <body>   
  6.         <h2><a id="applink1" href="mtcmtc://profile/116201417">Open scheme(mtcmtc) defined in iPhone with parameters </a></h2>   
  7.         <h2><a id="applink2" href="unknown://nowhere">open unknown with fallback to appstore</a></h2>   
  8.         <p><i>Only works on iPhone!</i></p>      
  9.           
  10.         <script type="text/javascript">   
  11.             // To avoid the "protocol not supported" alert, fail must open another app.  
  12.             var appstore = "itms://itunes.apple.com/us/app/facebook/id284882215?mt=8&uo=6";  
  13.             function applink(fail){  
  14.                 return function(){  
  15.                     var clickedAt = +new Date;  
  16.                     // During tests on 3g/3gs this timeout fires immediately if less than 500ms.  
  17.                     setTimeout(function(){  
  18.                               // To avoid failing on return to MobileSafari, ensure freshness!  
  19.                               if (+new Date - clickedAt < 2000){  
  20.                               window.location = fail;  
  21.                               }  
  22.                               }, 500);      
  23.                 };  
  24.             }  
  25.             document.getElementById("applink1").onclick = applink(appstore);  
  26.             document.getElementById("applink2").onclick = applink(appstore);  
  27.             </script>   
  28.     </body>   
  29. </html>  

 

其原理就是為HTML頁面中的超鏈接點擊事件增加一個setTimeout方法.

如果在iPhone上面500ms內，本機有應用程序能解析這個協議並打開程序，則這個回調方法失效；如果本機沒有應用程序能解析該協議或者500ms內沒有打開個程序，則執行setTimeout里面的function，就是跳轉到apple的itunes。


我用同樣的原理來處理android的javascript跳轉，發現如果本機沒有程序注冊intent-filter for 這個協議，那么android內置的browser就會處理這個協議並且立即給出反應(404，你懂的),不會像iPhone一樣去執行setTimeout里面的function，即便你把500ms改成0ms也不管用。

我就開始了我的Google search之旅，最終在stackoverflow一個不起眼的地方找到solution。

不解釋，先給出源代碼

android里面androidManifest.xml文件對activity的配置，如何配置就不表述了，表達能力有限，請參考developer.android.com

 

  1. <activity android:name=".ui.UploadActivity" android:screenOrientation="portrait">  
  2.             <intent-filter>  
  3.                 <data android:scheme="http" android:host="192.168.167.33" android:port="8088" android:path="/mi-tracker-web/download.html"/>  
  4.                 <action android:name="android.intent.action.VIEW" />  
  5.                 <category android:name="android.intent.category.DEFAULT" />  
  6.                 <category android:name="android.intent.category.BROWSABLE" />  
  7.             </intent-filter>  
  8.         </activity>  

 


HTML頁面中指向該應用程序的hyperlink
  1. <a id="applink1" href="http://192.168.167.33:8088/mi-tracker-web/download.html">  
  2.             Open Application</a>  

不難發現，在androidManifest.xml中配置的filter中data的屬性表述，在下面的HTML.href中全部看到了。請注意，這兩個路徑要全部一致，不能有差別，否則android系統就不會攔截這個hyperlink。

好了，為什么我說這個solution能解決我們當初提出來的需求呢，答案在這里：

如果說本機安裝了這個應用程序

在android browser中點擊HTML中的applink1，browser會重定向到指定的鏈接，但是由於我們的應用程序在android OS中配置了一個intent-filter，也是針對這個制定的鏈接。就是說現在android系統有兩個程序能處理這個鏈接：一個是系統的browser，一個是配置了intent-filter的activity。現在點擊這個鏈接，系統就會彈出一個選擇：是用browser還是你指定的activity打開。如果你選擇你的activity，系統就會打開你的應用程序，如果你繼續選擇用browser，就沒有然后了。


如果說本機木有安裝這個應用程序

那么這個HTML里面的這個超鏈接就起很重要的左右了，這個download.html里面可以forward到android的應用商店

download.jsp源代碼如下。具體為什么請求的是download.html這個地址卻訪問到了download.jsp，就不解釋了，struts2的東西。

 

  1. <%@ page language="java" contentType="text/html; charset=ISO-8859-1"  
  2.     pageEncoding="ISO-8859-1"%>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
  7. <title>Insert title here</title>  
  8. </head>  
  9. <body>  
  10.     <script type="text/javascript">  
  11. <span style="white-space:pre">    </span>window.location="market://search?q=com.singtel.travelbuddy.android";</script>  
  1. </body>  
  2. </html>  

唉，文筆不行，估計我寫出來自己都不怎么看得懂。就再把跳轉的關鍵點說一下：

 

在androidManifest.xml中定義intent-filter的時候定義的scheme，host，port，path拼湊起來是一個有用的HTTP路徑，這樣就算本機沒有activity定義了intent-filter來捕獲這個鏈接，那這個鏈接也會重定向到打開android market place的頁面，繼而打開應用商店。因為每個android手機都會捕獲到market這個協議(如果android手機里面沒有market商店，不怪我哈)，系統就會自動打開market place應用商店並根據參數進入搜索頁面並顯示結果。


如果有什么寫得不好的地方或者有更好的方法，希望大家拿出來分享。For you, for me, for everybody.


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 【Web】 通過瀏覽器打開本地應用程序 js 通過瀏覽器直接打開應用程序（IOS，Android） Android 瀏覽器啟動應用程序 怎么打開谷歌瀏覽器應用商店 從瀏覽器啟動應用程序 利用Pluggable Protocol實現瀏覽器打開本地應用程序 學習筆記：URL Protocol在瀏覽器中打開本地應用程序 在瀏覽器中通過a標簽打開本地的應用程序 使用Libcef創建基於瀏覽器的應用程序（1） 從瀏覽器啟動應用程序 - Application URL
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM