首先, 這個需要提前跟客戶端開發人員商定協議名稱，用URI Scheme作為HTML頁面與客戶端的通訊協議（這個很重要）。這裡的URI Scheme字首不是一般的http://，而是由客戶端開發者定義的，一般在寫程式的時候就會設定的了。然後剩下的部分就像普通的 URL 地址一樣，需要大家來約定 URI Scheme 具體如何，例如引數是什麼等等。

那麼如何去建立這個本地協議呢?

其實就是在app中將http協議轉換為本地協議，具體怎麼轉換，不在本討論範圍。但需要在app裡面對配置檔案做一下設定（一般是在manifest.xml檔案的activity的intent filter裡面）：

好比微信客戶端的是以 weixin:// 為字首：開啟微信客戶端。用手機瀏覽器，就可以開啟微信客戶端，前提是你需要安裝微信客戶端。
現在已經可以呼叫到客戶端了，但是咱們好像落下了一個問題，如果使用者沒有需要調開的客戶端怎麼辦，總不能讓使用者傻傻的在當前頁面等待，那麼咱們就需要做一個判斷，來判斷使用者是否有此軟體。
判斷客戶端
現在大體的思路有了，咱們現在需要明確的是，怎麼做到判斷是否有軟體並且怎麼下載。
這裡我是通過一個隱藏的iframe做到的。因為iframe既可以判斷使用者是否安裝客戶端，也可以停留在當前頁面。
具體程式碼如下：

/*
*   @param schemaUrl 想要開啟的APP的URI Scheme
*   @param fail      如果開啟失敗(手機沒有安裝APP)時執行的函式
*/
1 function openApp(schemaUrl, func) {
2       //建立一個iframe用於存放想要開啟的APP的URI Scheme
3       var ifr = document.createElement('iframe'),
4           t = 500,
5           t1,
6           timeout;

7       ifr.style.display = 'none'
 
;
8       document.body.appendChild(ifr);
9       t1 = Date.now();
10      ifr.src = schemaUrl;
11      timeout = setTimeout(function() {
12          var t2 = Date.now();
13          if (t2 - t1 < t + 100) {
14              if (typeof fail == 'function') {
15                  fail();
16              } else
 
 {
17                  location.href = fail;
18              }
19          }
20          document.body.removeChild(ifr);
21      }, t)
22  }

簡單解釋一下:

如果移動裝置中安裝了相應的APP的話, 此時裝置回去調起APP, 那麼此時程式碼是暫時不執行的, 會有一小段時間是去調起APP, 調起完成之後再回來執行setTimeout裡面的函式體, 那麼此時t2-t1得到的結果(所消耗的時間)會相對較長, 大於t+100, 因此不會執行條件語句中的程式碼. 而如果移動裝置中沒有安裝對應的APP的話, 程式碼就會一直往下走, 那麼t2-t1就基本上等於t, 因此t2-t1 < t+100, 因此會執行setTimeout裡面的函式體, 這裡可以提醒使用者裝置中沒有安裝APP, 或者跳轉到軟體商店下載APP.

最後介紹一下什麼是apps custom url schemes?

其實就是你與app約定的一個協議URL，在iOS客戶端或者Android客戶端中可以設定一個URL Scheme。例如，設定URL Scheme：app，然後其他的程式就可以通過“ URLString=app://”呼叫該應用。還可以傳引數，如：app://reaction/?uid=1

以上介紹了怎麼建立該本地協議及呼叫該本地協議的方法。但這裡還有個關鍵就是怎麼判斷使用者是否安裝了該app呢？原理如下：
在手機瀏覽器中用js程式碼請求該協議，如果在500ms內，如果有應用程式能解析這個協議，那麼就能開啟該應用；如果超過500ms就跳轉到app下載頁。