http://www.cnblogs.com/carlos-guo/p/3945112.html

現在H5和App原生的內容原來越互通，所涉及的業務也越來越複雜和融合，所以如何互相之間方便的呼叫才是王道。

場景1

   比如用hybrid獲取地理位置和簡訊資訊，這當然需要框架封裝好，比如利用框架的bridge.js（下一篇文章會詳細講這個內容）

場景2

最簡單的比如用H5呼叫App然後再判斷是否有安裝此應用，如果有則直接開啟應用，則安裝如果沒有則去itunes或者google市場安裝。

  比如淘寶上的立即開啟功能

首先場景2的功能，我們需要了解他的幾個流程

   1.判斷程式系統環境

   2.判斷有應用開啟應用

   3.判斷無應用則跳到相應的連結區執行

我們就從淘寶的手機此功能來分析一下吧

1.js判斷環境

   這個環境是很好判斷的

  通過useragent即可

var ua = navigator.userAgent;

if(ua.match(/iPhone|iPod/i) != null){
//iphone程式碼
}
else if(ua.match(/Android/i) != null){
//android程式碼
}
else if(ua.match(/iPad/i) != null){
//ipad程式碼
}

用瀏覽器模仿很容易看到識別手機這個的資訊

這裡我模仿google Nesux4的值是

navigator.userAgent;
"Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 4 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19"

其他

這裡再稍微介紹一下關於下載這種渠道的運營，

通過不同的渠道是要進行返利的，所以這一部分得作為統計,推廣都是要砸錢啊~

TTID 是用於統計無線客戶端使用者訪問情況的統計程式碼，

2.認識了環境之後可以愉快的呼叫了吧？

   這個跟握手規則很接近，不是你想調就能掉，

   首先應用得定義自己的規範（schema規則）定義自己的連結，根據定製的連結才能掉。當應用定義這個規則以後不僅可以應用和頁面之間呼叫，而且應用可以和應用之間呼叫。

  ios中需要在info.plist

在Info.plist中，增加一個欄位，名稱為CFBundleURLTypes（URL Types）。

裡面的內容為陣列形式，其中定義好一個CFBundleURLName後將

以CFBundleURLSchemes為可以的array才是我們可以呼叫的內容

<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleURLName</key>
        <string>package name(com.cnblogs.www)</string>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>cloud</string>
        </array>
    </dict>
</array>

比如定義了上面這句後就可以用

iOSDevTips://的schame呼叫了

具體用法可見

  ios預留了以下schema

//開啟Mail
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"mailto://[email protected]"]]

//開啟電話
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"tel://8004664411"]];

//開啟SMS
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"sms:55555"]];

//開啟AppStore
NSURL *appStoreUrl = [NSURL URLWithString:@"http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=291586600&mt=8"];
[[UIApplication sharedApplication] openURL:appStoreUrl];

Android android通過intent來呼叫

首先得在android配置檔案manifest裡面為相關需要呼叫的頁面配置intent

<activity android:name=".MyUriActivity">
    <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:scheme="myapp" android:host="path" />
    </intent-filter>
</activity>

android intent配合比較複雜，而且也可以用於在內部的呼叫，甚至在頁面切換的時候也是必不可少的，對於呼叫比iphone的相對更寬泛些。全域性的呼叫是用broadCast廣播的方式進行，而頁面之間的傳輸是在頁面下定義

此外如果android要用intent呼叫別的app或者其他什麼的還需要加相關的permission

吶在H5中我們就這樣呼叫就好

intent://

我們來看看淘寶是怎麼做到的

在裡面有個intent的連結

剩下的不言自明

ok所以剩下的功能變的非常簡單

3.呼叫App

var ua = navigator.userAgent;if(ua.match(/iPhone|iPod/i) != null){
  document.location = 'chblogs://'; }
else if(ua.match(/Android/i) != null){
  document.location = intent:com.cnblogs.cn.client.android;end'; }
else if(ua.match(/iPad/i) != null){
  document.location = 'chblogs://'; 

}

大部分工作完成了，坑坑也該現身了

現在要考慮的是如果app不在那麼我們應該去下載頁面下載

系統不會那麼聰明幫你辦好這件事。

這裡的邏輯很簡單，當沒有成功開啟app的時候

新頁面不會彈出則頁面邏輯可言進行，如果進入了新頁面，則頁面邏輯便終止了

所以我們可以另開一個延時的執行緒來判斷這個事情

if(...){
document.location = '';
setTimeout(function(){
   //此處如果執行則表示沒有app
},200);
}

好了，這樣就完成了，坑坑就是andorid如果判斷沒有此程式會開啟未找到頁面

那我們在請求的時候就應該對android做一個檢索intent://scan/#Intent;scheme=這樣的話就ok了

所以我們之間可以這樣完成了我們可以直接取itunes或者google市場下載了

看淘寶的程式碼

下次有時間了會繼續研究一下hybrid和webapp的通訊。