الاستعداد والجلب المسبق: استخدام "خدمة علامات التبويب المخصَّصة"

Sebastian Benz

يركّز الجزء الثالث من هذا الدليل على "خدمة علامات التبويب المخصَّصة" ولماذا يؤدي استخدامها في التطبيق إلى تحسين تجربة المستخدم:

  • فتح المحتوى الخارجي على الفور: يؤدي استخدام warmup() إلى بدء عملية المتصفِّح في الخلفية حتى قبل أن ينقر المستخدم على الرابط، وإلى توفير ما يصل إلى 700 ملّي ثانية عند فتح الرابط. يجلب mayLaunchUrl() الصفحات مسبقًا. يتيح استخدام واجهتَي برمجة التطبيقات معًا تحميل الصفحات على الفور، ما يؤدي إلى تحسين تجربة المستخدم بشكلٍ كبير عند دمج "علامات التبويب المخصَّصة".
  • معالجة أفضل لعلامات التبويب المخصَّصة التي تم تصغيرها: من خلال الربط بخدمة "علامات التبويب المخصَّصة" واستخدام علامة التبويب CustomTabSession نفسها عند تشغيل علامة التبويب المخصَّصة، سيتمكّن Chrome قبل إطلاق علامة تبويب جديدة من إزالة علامات التبويب المخصَّصة التي تم تصغيرها، ما يوفّر تجربة أكثر اتساقًا للمستخدم.

الخطوات المطلوبة هي:

  1. تحقَّق مما إذا كان المتصفِّح التلقائي يتوافق مع "علامات التبويب المخصَّصة" باستخدام CustomTabsClient.getPackageName(...). إذا كانت الإجابة بنعم، يجب الربط بخدمة CustomTabsService باستخدام CustomTabsClient.bindCustomTabsService().

  2. بعد الربط بـ CustomTabsService، يمكنك تنفيذ ما يلي في معاودة الاتصال CustomTabsServiceConnection.onCustomTabsServiceConnected():

    a. يمكنك تجهيز عملية المتصفِّح باستخدام CustomTabsClient.warmup(). b. إنشاء CustomTabsSession جديد باستخدام CustomTabsClient.newSession()

  3. يمكنك اختياريًا جلب صفحات الويب التي من المحتمل أن يزورها المستخدم باستخدام CustomTabsSession.mayLaunchUrl().

  4. عند تشغيل علامة تبويب مخصَّصة جديدة، مرِّر CustomTabsSession إلى CustomTabsIntent.Builder باستخدام الدالة الإنشائية new CustomTabsIntent.Builder(session).

إذا كان تطبيقك يستهدف المستوى 30 لواجهة برمجة تطبيقات Android، تطلب منك CustomTabsClient.getPackageName(...) إضافة قسم لطلبات البحث إلى بيان Android، مع توضيح فلتر أهداف يطابق المتصفِّحات التي تتوافق مع "علامات التبويب المخصَّصة".

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

التالي: تعرَّف على كيفية تغيير حجم تجربة "علامات التبويب المخصَّصة".