החלק השלישי במדריך הזה מתמקד בשירות הכרטיסיות בהתאמה אישית ומסביר למה השימוש בו באפליקציה יוצר חוויית משתמש טובה יותר:
- פתיחה מיידית של תוכן חיצוני: השימוש ב-
warmup()
גורם לתהליך הדפדפן להתחיל ברקע עוד לפני שהמשתמש לוחץ על קישור, ויכול לחסוך עד 700 אלפיות השנייה בפתיחת קישור.mayLaunchUrl()
אחזור מראש של דפים. שימוש בשני ממשקי ה-API יחד מאפשר לדפים להיטען באופן מיידי, ומשפר באופן משמעותי את חוויית המשתמש בשילוב של כרטיסיות מותאמות אישית. - טיפול משופר בכרטיסיות מותאמות שהוצגו במצב ממוזער: כשמתחברים לשירות הכרטיסיות המותאמות ומשתמשים באותו
CustomTabSession
בזמן הפעלת הכרטיסייה המותאמת, Chrome יוכל להסיר כרטיסיות מותאמות שהוצגו במצב ממוזער לפני הפעלת כרטיסייה חדשה, וכך לספק חוויית משתמש עקבית יותר.
השלבים הנדרשים הם:
- כדי לבדוק אם דפדפן ברירת המחדל תומך בכרטיסיות בהתאמה אישית, מקישים על
CustomTabsClient.getPackageName(...)
. אם כן, צריך לקשר ל-CustomTabsService באמצעותCustomTabsClient.bindCustomTabsService()
. אחרי שמתחברים ל-CustomTabsService, מבצעים את הפעולות הבאות בקריאה החוזרת
CustomTabsServiceConnection.onCustomTabsServiceConnected()
:א. מחממים את תהליך הדפדפן באמצעות
CustomTabsClient.warmup()
. ב. יוצריםCustomTabsSession
חדש באמצעותCustomTabsClient.newSession()
.לחלופין, אפשר לבצע טעינת נתונים מראש של דפי אינטרנט שהמשתמש צפוי לבקר בהם באמצעות
CustomTabsSession.mayLaunchUrl()
.כשמשיקים כרטיסייה מותאמת אישית חדשה, מעבירים את
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, אפליקציות ל-Android יכולות לטפל בכתובות URL. לדוגמה, אם המשתמש התקין את אפליקציית Facebook והוא לוחץ על קישור לפוסט ב-Facebook, הוא בדרך כלל מעדיפים את פתיחת הקישור באפליקציית Facebook במקום בדפדפן.
כברירת מחדל, הכרטיסיות בהתאמה אישית פותחות קישורים באפליקציית Android המתאימה, אם היא מותקנת. עם זאת, אחרי שיוצרים CustomTabsServiceConnection
, ההתנהגות הזו מפסיקה לפעול וכל כתובות ה-URL נפתחות במקום זאת בכרטיסיות בהתאמה אישית. כדי לשפר את חוויית המשתמש, מומלץ להפעיל מחדש את ההתנהגות הזו באמצעות הקוד הבא:
CustomTabsIntent customTabsIntent = new CustomTabsIntent.Builder()
.setSendToExternalDefaultHandlerEnabled(true)
.build();
השלב הבא: איך משנים את הגודל של חוויית השימוש בכרטיסיות בהתאמה אישית.