Pemanasan dan pengambilan awal: menggunakan Layanan Tab Khusus

Sebastian Benz
Sebastian Benz

Bagian ketiga panduan ini berfokus pada mempercepat startup browser melalui warmup() dan mengambil data halaman web melalui mayLaunchUrl(). Pemanasan proses browser dapat menghemat waktu hingga 700 md saat membuka link. Konten pra-rendering melalui mayLaunchUrl akan membuat konten eksternal langsung terbuka. Bersama-sama, kedua API tersebut dapat meningkatkan pengalaman pengguna integrasi Tab Khusus secara signifikan dan sangat disarankan.

Langkah-langkah yang diperlukan adalah:

  1. Periksa melalui CustomTabsClient.getPackageName(...) Jika browser default mendukung Tab Khusus. Jika ya, ikat ke CustomTabsService melalui CustomTabsClient.bindCustomTabsService().
  2. Setelah terhubung ke CustomTabsService, dalam callback CustomTabsServiceConnection.onCustomTabsServiceConnected(), lakukan:

    a. Lakukan pemanasan proses browser melalui CustomTabsClient.warmup(). b. Buat CustomTabsSession baru melalui CustomTabsClient.newSession().

  3. Secara opsional, ambil data halaman web yang mungkin dikunjungi pengguna melalui CustomTabsSession.mayLaunchUrl().

  4. Saat meluncurkan Tab Khusus baru, teruskan CustomTabsSession ke CustomTabsIntent.Builder melalui konstruktor new CustomTabsIntent.Builder(session).

Jika aplikasi Anda menargetkan Android API level 30, CustomTabsClient.getPackageName(...) mengharuskan Anda untuk menambahkan bagian kueri ke Manifes Android Anda, mendeklarasikan filter intent yang cocok dengan browser dengan dukungan Tab Khusus.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">
  …
   <queries>
        <intent>
            <action android:name="android.support.customtabs.action.CustomTabsService" />
        </intent>
    </queries>
</manifest>

Berikut adalah contoh lengkap cara menghubungkan ke layanan Tab Khusus:

private CustomTabsClient mClient;
private CustomTabsSession mSession;

private CustomTabsServiceConnection mConnection = new CustomTabsServiceConnection() {
    @Override
    public void onCustomTabsServiceConnected(
            @NonNull ComponentName name,
            @NonNull CustomTabsClient client
    ) {
        mClient = client;
        // Warm up the browser process
        mClient.warmup(0 /* placeholder for future use */);
        // Create a new browser session
        mSession = mClient.newSession(new CustomTabsCallback());
        // Pre-render pages the user is likely to visit
        // you can do this any time while the service is connected
        mSession.mayLaunchUrl(Uri.parse("https://developers.android.com"), null, null);
    }

    @Override
    public void onServiceDisconnected(ComponentName name) {
        mClient = null;
        mSession = null;
    }
};

private void bindCustomTabService(Context context) {
    // Check for an existing connection
    if (mClient != null) {
        // Do nothing if there is an existing service connection
        return;
    }

    // Get the default browser package name, this will be null if
    // the default browser does not provide a CustomTabsService
    String packageName = CustomTabsClient.getPackageName(context, null);
    if (packageName == null) {
        // Do nothing as service connection is not supported
        return;
    }
    CustomTabsClient.bindCustomTabsService(context, packageName, mConnection);
}

@Override
protected void onCreate(Bundle savedInstanceState) {
…
    bindCustomTabService(this);
    findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            String url = "https://developers.android.com";
            CustomTabsIntent intent = new CustomTabsIntent.Builder(mSession)
                    .build();
            intent.launchUrl(MainActivity.this, Uri.parse(url));
        }
    });
}

Membuka halaman di aplikasi native

Di Android, URL dapat ditangani oleh aplikasi native. Misalnya, jika pengguna telah menginstal aplikasi Facebook dan mengklik link ke postingan Facebook, mereka biasanya lebih suka membuka link di aplikasi Facebook daripada di browser.

Secara default, Custom Tabs membuka link di aplikasi native masing-masing jika diinstal. Namun, setelah CustomTabsServiceConnection dibuat, perilaku ini akan berhenti berfungsi dan semua URL akan terbuka di Tab Khusus. Untuk meningkatkan pengalaman pengguna, sebaiknya aktifkan kembali perilaku ini menggunakan kode berikut:

CustomTabsIntent customTabsIntent = new CustomTabsIntent.Builder()
    .setSendToExternalDefaultHandlerEnabled(true)
    .build();

Berikutnya: Pelajari cara mengubah ukuran pengalaman Tab Khusus.