關於H5頁面喚起app小記

純屬摸索記錄。

平時也遇到過這樣的需求，雖然實現了，但是感覺不完美，所以，工作之餘搜索發現了他人的‘先進’實現方法，於是實驗一番，感覺不錯。

用到的插件爲：callapp-lib

地址：https://github.com/desandro/imagesloaded

具體用法大家去看一下文檔，說的很清楚。

我這裏只是簡單測試了一下。

var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android終端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端 
var schemeName='';
if (isAndroid) { 
   schemeName='Android下的';
}
if (isiOS) {
   schemeName='iOS下的';
}

我也不知道爲啥俺們的app android跟ios的scheme爲啥不一樣，所以，我這裏簡單的根據系統判斷了一下。

    const option = {
      scheme: {
        protocol: schemeName
      },
      appstore: 'app在appstore裏的下載地址',
      yingyongbao:'app在應用寶裏的下載地址',
      fallback: '喚端失敗後跳轉的地址',
    };
    const lib = new CallApp(option);
    lib.open({
        path: 'URL Scheme 中的 path 部分'
    });

我在我的華爲p30 微信裏打開地址，首先跳轉app在應用寶的下載地址，然後再打開微信默認瀏覽器，再然後喚起app(假如手機安裝了app),如果卸載了就停在了微信默認瀏覽器中app在應用寶的下載地址頁面。

然後又用同事的蘋果手機試了一下，微信裏直接彈出打開appstore的提示，允許後再跳轉app在appstore的下載地址,沒有hu喚起app。

目前感覺Android裏面還可以，就是喚起步驟太繁瑣了。