H5喚醒App之scheme方案

whataa 發布于2019-08-23 18:16 / 1034人閱讀

摘要：前言在寫移動端頁面會遇到喚醒的需求一般都是通過協議喚起的這里記錄一下代碼片段以新浪微博為例其協議為這些協議需要自己去收集或者去官方查詢有些分和有些應用又不分這個根據終端做處理即可測試地址微博微博個人主頁跳轉代碼手機裝了就打開沒有就跳轉頁面或

前言

在寫移動端頁面會遇到喚醒App的需求, 一般都是通過scheme協議喚起的,這里記錄一下

代碼片段

以新浪微博為例: 其協議為 sinaweibo://splash; 這些協議需要自己去收集,或者去官方查詢; 有些App分IOS和Android; 有些應用又不分;
這個根據終端做處理即可

// 測試地址
微博app
微博個人主頁

// 跳轉代碼: 手機裝了app就打開; 沒有就跳轉頁面或者跳轉app store去下載, 邏輯自己定義即可
goToWeibo() {
      let u = navigator.userAgent;
      let isAndroid = u.indexOf("Android") > -1; //安卓終端
      let isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端
      if (isAndroid) {
        // 安卓weibo的scheme協議跳轉
        window.location.href = "sinaweibo://userinfo?uid=3177804914";
        setTimeout(function() {
          let hidden =
            window.document.hidden ||
            window.document.mozHidden ||
            window.document.msHidden ||
            window.document.webkitHidden;
          if (typeof hidden == "undefined" || hidden == false) {
            window.location.;
          }
        }, 2000);
      }
      // IOS下的scheme協議跳轉
      if (isIOS) {
        window.location.href = "sinaweibo://userinfo?uid=3177804914";
        setTimeout(function() {
          let hidden =
            window.document.hidden ||
            window.document.mozHidden ||
            window.document.msHidden ||
            window.document.webkitHidden;
          if (typeof hidden == "undefined" || hidden == false) {
            window.location.href =
              "https://m.weibo.cn/u/3177804914";
          }
        }, 2000);
      }
    },

附上幾個常用應用的協議

推特: twitter://user?screen_name=
ins: instagram://user?username=
youtube: iOS: youtube://www.youtube.com/user/ Android : vnd.youtube://www.youtube.com/user/

其他app scheme協議快速通道:
國內: https://blog.csdn.net/swt_zql...
海外: https://help.emplify.com/hc/e...

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/104935.html

h5喚醒APP小記

摘要：比如聯系方式銀行卡信用卡信息支付寶各大商城的賬戶密碼照片甚至行程與位置信息等。針對這個問題，蘋果使用了名為沙盒的機制應用只能訪問它聲明可能訪問的資源。 h5喚醒APP功能最近遇到一個需求，需要在從APP分享出去的H5頁面中，帶有一個立即打開的按鈕，如果本地安裝了app，那么就直接喚起本地的app，如果沒有安裝，則跳轉到下載。這是一個很正常的推廣和導流量的策略。前端小白從來沒有做過這個...

KnewOne 2019-08-23 16:25 評論0 收藏0
h5喚醒APP小記

摘要：比如聯系方式銀行卡信用卡信息支付寶各大商城的賬戶密碼照片甚至行程與位置信息等。針對這個問題，蘋果使用了名為沙盒的機制應用只能訪問它聲明可能訪問的資源。 h5喚醒APP功能最近遇到一個需求，需要在從APP分享出去的H5頁面中，帶有一個立即打開的按鈕，如果本地安裝了app，那么就直接喚起本地的app，如果沒有安裝，則跳轉到下載。這是一個很正常的推廣和導流量的策略。前端小白從來沒有做過這個...

jayzou 2019-08-02 16:09 評論0 收藏0
（轉）iOS- JSBridge的原理

摘要：作者心葉時間原理概述簡介是代碼與代碼的通信橋梁。目前的一種統一方案是觸發捕獲原生分析執行原生調用。另外調用時處理完畢后一定要及時通知進行回調要不然這個回調函數不會自動銷毀多了后會引發內存泄漏。作者：心葉時間：2019-03-25 10:18 原理概述簡介 JSBridge是Native代碼與JS代碼的通信橋梁。目前的一種統一方案是:H5觸發url scheme->Native捕獲u...

txgcwm 2019-08-23 16:21 評論0 收藏0