Riscaldamento e precaricamento: utilizzo del servizio Schede personalizzate

Sebastian Benz

La terza parte di questa guida è incentrata sul Servizio Custom Tabs e sul motivo per cui utilizzarlo nella tua applicazione crea un'esperienza utente migliore:

• Apri immediatamente i contenuti esterni:l'utilizzo di warmup() fa sì che il processo del browser venga avviato in background anche prima che l'utente faccia clic su un link e può far risparmiare fino a 700 ms quando si apre un link. mayLaunchUrl() precarica le pagine. L'utilizzo di entrambe le API consente di caricare le pagine istantaneamente, migliorando notevolmente l'esperienza utente di un'integrazione di Custom Tabs.
• Migliore gestione delle schede personalizzate minimizzate: collegandoti al servizio Schede personalizzate e utilizzando lo stesso CustomTabSession per avviare la scheda personalizzata, Chrome potrà rimuovere una scheda personalizzata precedentemente minimizzata prima di avviare una nuova scheda, offrendo un'esperienza utente più coerente.

I passaggi obbligatori sono:

1. Controlla se il browser predefinito supporta le schede personalizzate utilizzando CustomTabsClient.getPackageName(...). In caso affermativo, esegui il binding a CustomTabsService utilizzando CustomTabsClient.bindCustomTabsService().

2. Una volta connesso a CustomTabsService, nel callback CustomTabsServiceConnection.onCustomTabsServiceConnected():

   a. Esegui il riscaldamento del processo del browser utilizzando CustomTabsClient.warmup(). b. Crea una nuova CustomTabsSession utilizzando CustomTabsClient.newSession().

3. (Facoltativo) Precarica le pagine web che l'utente è più propenso a visitare utilizzando CustomTabsSession.mayLaunchUrl().

4. Quando avvii una nuova scheda personalizzata, passa CustomTabsSession a CustomTabsIntent.Builder utilizzando il costruttore new CustomTabsIntent.Builder(session).

Se la tua app ha come target il livello API Android 30, CustomTabsClient.getPackageName(...) richiede di aggiungere una sezione di query ad Android Manifest, dichiarando un filtro intent che corrisponda ai browser con il supporto di Custom Tabs.

<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>

Ecco un esempio completo di come connettersi a un servizio Custom Tabs:

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

Attenzione: la connessione a un servizio Custom Tabs potrebbe non riuscire durante l'esecuzione dell'attività. Se la tua app richiede una connessione al servizio attiva, esistono due strategie per garantire che la connessione al servizio funzioni:

1. Quando esegui la connessione anticipata a CustomTabsService durante onCreate(), ricollegati al servizio se la tua attività viene disconnessa e viene invocato il callback onServiceDisconnected().
2. Attendi che l'utente attivi una scheda personalizzata, quindi stabilisci la connessione al servizio e avvia la scheda personalizzata.

Aprire i link nelle app per Android

Su Android, gli URL possono essere gestiti dalle app per Android. Ad esempio, se l'utente ha installato l'app Facebook e fa clic su un link a un post di Facebook, in genere preferisce che il link si apra nell'app Facebook anziché nel browser.

Per impostazione predefinita, Custom Tabs apre i link nella rispettiva applicazione per Android, se installata. Tuttavia, una volta stabilito un CustomTabsServiceConnection, questo comportamento smette di funzionare e tutti gli URL si aprono nelle schede personalizzate. Per una migliore esperienza utente, ti consigliamo di riattivare questo comportamento utilizzando il seguente codice:

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

Passaggio successivo: scopri come ridimensionare l'esperienza Schede personalizzate.