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

Sebastian Benz

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

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

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

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

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

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

  3. לחלופין, אפשר להשתמש ב-CustomTabsSession.mayLaunchUrl() כדי לאחזר מראש דפי אינטרנט שהמשתמשים צפויים לבקר בהם.

  4. כשמשיקים כרטיסייה חדשה בהתאמה אישית, מעבירים את CustomTabsSession אל CustomTabsIntent.Builder באמצעות ה-constructor 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();

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