Pemanasan dan pengambilan awal: menggunakan Layanan Tab Khusus

Sebastian Benz

Bagian ketiga panduan ini berfokus pada Layanan Tab Kustom dan alasan penggunaannya dalam aplikasi Anda akan menciptakan pengalaman pengguna yang lebih baik:

  • Membuka konten eksternal secara instan: menggunakan warmup() akan menyebabkan proses browser dimulai di latar belakang bahkan sebelum pengguna mengklik link dan dapat menghemat waktu hingga 700 md saat membuka link. mayLaunchUrl() melakukan pramuat halaman. Menggunakan kedua API secara bersamaan memungkinkan halaman dimuat secara instan, sehingga sangat meningkatkan pengalaman pengguna integrasi Tab Kustom.
  • Penanganan Tab khusus yang diperkecil dengan lebih baik: dengan terhubung ke layanan Tab Khusus dan menggunakan CustomTabSession yang sama saat meluncurkan Tab Khusus, Chrome akan dapat menghapus Tab Khusus yang sebelumnya diperkecil sebelum meluncurkan tab baru, sehingga memberikan pengalaman pengguna yang lebih konsisten.

Langkah-langkah yang diperlukan adalah:

  1. Periksa apakah browser default mendukung Tab Kustom menggunakan CustomTabsClient.getPackageName(...). Jika ya, ikat ke CustomTabsService menggunakan CustomTabsClient.bindCustomTabsService().

  2. Setelah terhubung ke CustomTabsService, di callback CustomTabsServiceConnection.onCustomTabsServiceConnected(), lakukan:

    a. Panaskan proses browser menggunakan CustomTabsClient.warmup(). b. Buat CustomTabsSession baru menggunakan CustomTabsClient.newSession().

  3. Atau, lakukan pramuat halaman web yang kemungkinan akan dikunjungi pengguna menggunakan CustomTabsSession.mayLaunchUrl().

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

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

<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 terhubung ke layanan Tab Kustom:

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));
        }
    });
}

Di Android, URL dapat ditangani oleh aplikasi Android. Misalnya, jika pengguna telah menginstal aplikasi Facebook dan mengklik link ke postingan Facebook, mereka biasanya lebih memilih link yang dibuka di aplikasi Facebook, bukan di browser.

Secara default, Custom Tabs membuka link di aplikasi Android masing-masing jika diinstal. Namun, setelah CustomTabsServiceConnection dibuat, perilaku ini 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 Kustom.