android H5 應用內跳轉Scheme協議

阿新 • • 發佈：2019-01-14

直接進入主題

想必大家在開發專案的過程中，都會遇到android與H5介面的互動。並且還有H5介面 跳轉到APP內部的功能需要，同志們可能就會想，我們要用什麼方法來做。那麼接下來我們直接開擼，今天要講解的應用內跳轉Scheme協議

什麼是URL Scheme

概述：
android中的scheme是一種頁面內跳轉協議，是一種非常好的實現機制，通過定義自己的scheme協議，可以非常方便跳轉app中的各個頁面；通過scheme協議，伺服器可以定製化告訴App跳轉那個頁面，可以通過通知欄訊息定製化跳轉頁面，可以通過H5頁面跳轉頁面等。

URL Scheme應用場景

概述：
客戶端應用可以向作業系統註冊一個URL Scheme，該scheme用於從瀏覽器或其他應用中啟動本應用，通過scheme協議來跳轉到相應的APP介面，比如商品詳情，活動詳情，商家詳情等等介面。也可以執行某些指定動作，如完成支付等。也可以在應用內部通過H5頁面來直接跳轉APP某個介面。

URL Scheme應用場景分為以下4中：
- 伺服器下發跳轉路徑，客戶端根據伺服器下發跳轉路徑跳轉相應的頁面
- H5頁面點選描點，根據描點具體跳轉路徑APP端跳轉具體的頁面
- APP端收到伺服器端下發的PUSH通知欄訊息，根據訊息的點選跳轉路徑跳轉相關頁面
- APP根據URL跳轉到另外一個APP指定頁面

URL Scheme協議格式：

URL Scheme 屬性分為，Scheme,Host,port,path,query,

test://shangjia/shangjiaDetail?shagnjiaId=222

通過上面的路徑我們來分析，

scheme ： test
host ： shangjia
path ： shangjiaDetail
query : shangjiaId=222

我們可以用程式碼來驗證：
驗證的地址是這個：test://start/?id=431&name=zhouyuan&age=23

Intent intent = getIntent();
    String action = intent.getAction();
    String scheme = intent.getScheme();
    Uri uri = intent.getData();
    System.out.println("action:" + action);
    System.out.println("scheme:" + scheme);
    if (uri != null) {
        String host = uri.getHost();
        String dataString = intent.getDataString();
        String id = uri.getQueryParameter("id");
        String name = String.valueOf(uri.getQueryParameters("name"));
        String age = uri.getQueryParameter("age");
        String path = uri.getPath();
        String path1 = uri.getEncodedPath();
        String queryString = uri.getQuery();
        System.out.println("host:" + host);
        System.out.println("dataString:" + dataString);
        System.out.println("id:" + id);
        System.out.println("name:" + name);
        System.out.println("age:" + age);
        System.out.println("path:" + path);
        System.out.println("path1:" + path1);
        System.out.println("queryString:" + queryString);
    }

看圖

從這個例子我們能看出：我們是想跳入商家詳情介面。主要的這些引數，都是需要自己去和前端去達成一個協議。並不是說非要按照我的這個例子來。比如你的專案是做汽車的，可以把URL寫成

test://qiche/qicheDetail?qicheId=222

這些都沒什麼影響。

在AndroidMainfest.xml 配置 scheme

<application
    android:name=".MyApplication"
    android:allowBackup="true"
    android:icon="@drawable/logo"
    android:label="@string/app_name"
    android:supportsRtl="true"
    android:theme="@style/AppTheme">
    <activity
        android:name=".activity.StartActivity"
        android:label="@string/app_name"
        android:theme="@style/AppTheme.NoActionBar">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
        <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:host="web"
                android:scheme="test" />
            <data
                android:host="start"
                android:scheme="test" />
        </intent-filter>

    </activity> 
<activity android:name=".activity.LoginActivity">
        <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:host="login"
                android:scheme="test" />
        </intent-filter>
    </activity>

當網頁或者通知欄，Android程式碼傳送這種規則scheme時這時候就會調起相對應介面。

那麼接下來我們就該測試一波：

通過伺服器下發跳轉路徑跳轉相應頁面
button.setOnClickListener(v -> startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse("test://login/123123123"))));

看下圖：

這個前提，你需要在AndroidMainfest.xml配置，你看上面的程式碼。

2.通過H5頁面的錨點跳轉相應的頁面

html程式碼：

 <html>
<head>
<title>Js呼叫Android</title>

</head>

<body>
<a href="test://start/?id=431&name=zhouyuan&age=23">跳轉start</a>
<a href="test://web/?id=431&name=zhouyuan&age=23">跳轉web</a>
<a href="test://login/?id=431&name=zhouyuan&age=23">跳轉Login</a>
</body>
</html>

//webview程式碼
webview.setWebViewClient(new WebViewClient() {

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            System.out.println("view = [" + view + "], url = [" + url + "]");
            return true;
        }
    });

這個具體的我就不再講了，我們已經獲取到了URL Scheme協議地址。我們可以直接用一些正則來取到相應的字串，然後根據該字串來判斷，跳到相應的介面。
如果你覺得改方法比較麻煩。那可以直接在AndroidMainfest.xml配置相應的屬性，前提是URL協議地址要相應。不然你是跳轉不了的。

具體的可以自行測試，就是把 webview.setWebViewClient(new WebViewClient()){}給註釋掉。
我們點選跳轉Login時，會有意想不到的效果。具體還是不建議這麼做，自己想一想，前面也講到在專案中可能URL Scheme協議並不止一個介面。如果你在AndroidMainfest.xml裡面去給每一個可能相關的介面都配置scheme屬性，那你整個介面看著也不美觀，而且還都是重複的配置。所以還是建議根據URL地址來判斷跳轉。

3.根據伺服器下發通知欄訊息，APP跳轉相應的介面

其實，我們簡單的想一下，都是同樣的邏輯。把伺服器下發的通知欄訊息，裡面的URL地址資料拿到，進行解析判斷，然後跳轉到相應的介面。具體程式碼就不貼了。

總結：
Android中的URL Scheme是一個非常好的機制，我們可以通過自定義Scheme屬性，讓我們方便，靈活的在APP內隨意跳轉。如果不明白請留言。

android H5 應用內跳轉Scheme協議

直接進入主題

什麼是URL Scheme

URL Scheme應用場景

URL Scheme協議格式：

在AndroidMainfest.xml 配置 scheme

android H5 應用內跳轉Scheme協議

Android 應用內跳轉QQ客服的工具類

iOS 應用內跳轉到系統設置

iOS應用內跳轉百度高德蘋果地圖

iOS 10 應用內跳轉到系統設定

IOS應用內跳轉到系統設定

Swift iOS應用內跳轉到設定介面

ios應用內跳轉到appstore裡評分

iOS開發中應用內跳轉到QQ聊天介面和指定的聯絡人聊天

iOS應用內跳轉到系統設定頁面

iOS 應用內跳轉到系統設定

應用內跳轉系統設定相關介面方法總結

IOS應用內及應用之間跳轉URL

h5頁面喚起app(iOS和Android),沒有安裝則跳轉下載頁面

Android開發之Intent跳轉到系統應用中的撥號介面、聯絡人介面、簡訊介面

App呼叫系統內建應用或跳轉到設定頁面

Android activity之間的跳轉和數據傳遞

Android中當前Activity跳轉到當前Activity頁面

Android項目頁面跳轉小Demo

[轉]微信小程序、微信公眾號、H5之間相互跳轉

android H5 應用內跳轉Scheme協議

直接進入主題

什麼是URL Scheme

URL Scheme應用場景

URL Scheme協議格式：

在AndroidMainfest.xml 配置 scheme

相關推薦