חימום ושליפה מראש: באמצעות שירות הכרטיסיות המותאמות אישית

Sebastian Benz

החלק השלישי של מדריך זה מתמקד בשירות הכרטיסיות המותאמות אישית, ומדוע השימוש בו ביישום שלך יוצר חוויית משתמש טובה יותר:

  • פתיחה מיידית של תוכן חיצוני: שימוש ב-warmup() גורם לתהליך הדפדפן להתחיל ברקע עוד לפני שהמשתמש לוחץ על קישור, ויכול לחסוך עד 700 אלפיות השנייה כשפותחים קישור. mayLaunchUrl() מאחזר דפים מראש. השימוש בשני ממשקי ה-API יחד מאפשר טעינה מיידית של דפים, ומשפר באופן משמעותי את חוויית המשתמש בשילוב של כרטיסיות מותאמות אישית.
  • טיפול טוב יותר בכרטיסיות מותאמות אישית שמוזערו: התחברות לשירות 'כרטיסיות מותאמות אישית' ושימוש באותו CustomTabSession בעת הפעלת הכרטיסייה 'מותאם אישית'. כך Chrome יוכל להסיר כרטיסיות מותאמות אישית שמוזערו בעבר לפני השקת כרטיסייה חדשה, וכך לספק חוויית משתמש עקבית יותר.

השלבים הנדרשים הם:

  1. בודקים אם דפדפן ברירת המחדל תומך בכרטיסיות מותאמות אישית באמצעות CustomTabsClient.getPackageName(...). אם כן, צריך לקשר אל CustomTabsService באמצעות CustomTabsClient.bindCustomTabsService().

  2. אחרי שמתחברים ל-CustomTabsService, בקריאה החוזרת CustomTabsServiceConnection.onCustomTabsServiceConnected() מבצעים את הפעולות הבאות:

    a. מחמם את תהליך הדפדפן באמצעות CustomTabsClient.warmup(). b. יוצרים CustomTabsSession חדש באמצעות CustomTabsClient.newSession().

  3. אפשר גם לבצע שליפה מראש (prefetch) של דפי אינטרנט שהמשתמש עשוי לבקר בהם באמצעות CustomTabsSession.mayLaunchUrl().

  4. כשמשיקים כרטיסייה חדשה בהתאמה אישית, מעבירים את CustomTabsSession אל CustomTabsIntent.Builder באמצעות הבנאי new CustomTabsIntent.Builder(session).

אם האפליקציה מטרגטת רמת API של Android 30, CustomTabsClient.getPackageName(...) צריך להוסיף קטע שאילתות למניפסט של Android, עם הצהרה על מסנן Intent שתואם לדפדפנים עם תמיכה בכרטיסיות מותאמות אישית.

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

הנה דוגמה מלאה של אופן ההתחברות לשירות 'כרטיסיות מותאמות אישית':

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

ב-Android, אפליקציות ל-Android יכולות לטפל בכתובות URL. לדוגמה, אם המשתמש התקין את אפליקציית Facebook ולוחץ על קישור לפוסט ב-Facebook, בדרך כלל הוא מעדיף לפתוח את הקישור באפליקציית Facebook במקום בדפדפן.

כברירת מחדל, כרטיסיות בהתאמה אישית פותחות קישורים באפליקציה המתאימה ל-Android, אם היא מותקנת. עם זאת, אחרי יצירת CustomTabsServiceConnection, ההתנהגות הזו מפסיקה לפעול ובמקום זאת כל כתובות ה-URL נפתחות בכרטיסיות בהתאמה אישית. לשיפור חוויית המשתמש, מומלץ להפעיל מחדש את ההתנהגות הזאת באמצעות הקוד הבא:

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

השלב הבא: כך משנים את הגודל של חלונית הכרטיסיות בהתאמה אישית.