ওয়ার্ম-আপ এবং প্রি-ফেচ: কাস্টম ট্যাব পরিষেবা ব্যবহার করে

সেবাস্তিয়ান বেঞ্জ

এই গাইডের তৃতীয় অংশটি কাস্টম ট্যাব পরিষেবার উপর ফোকাস করে এবং কেন এটি আপনার অ্যাপ্লিকেশনে ব্যবহার করা একটি ভাল ব্যবহারকারীর অভিজ্ঞতা তৈরি করে:

  • অবিলম্বে বাহ্যিক বিষয়বস্তু খুলুন: warmup() ব্যবহার করার ফলে ব্যবহারকারী একটি লিঙ্কে ক্লিক করার আগেই ব্যাকগ্রাউন্ডে ব্রাউজার প্রক্রিয়া শুরু করে এবং একটি লিঙ্ক খোলার সময় 700ms পর্যন্ত সংরক্ষণ করতে পারে। mayLaunchUrl() প্রি-ফেচ পৃষ্ঠাগুলি। উভয় API একসাথে ব্যবহার করে পৃষ্ঠাগুলিকে তাত্ক্ষণিকভাবে লোড করার অনুমতি দেয়, একটি কাস্টম ট্যাব একীকরণের ব্যবহারকারীর অভিজ্ঞতাকে ব্যাপকভাবে উন্নত করে৷
  • ন্যূনতম কাস্টম ট্যাবগুলির আরও ভাল পরিচালনা : কাস্টম ট্যাব পরিষেবার সাথে সংযোগ করে এবং কাস্টম ট্যাব চালু করার সময় একই CustomTabSession ব্যবহার করে, Chrome একটি নতুন ট্যাব চালু করার আগে একটি পূর্বে ন্যূনতম করা কাস্টম ট্যাবগুলি সরাতে সক্ষম হবে, আরও সামঞ্জস্যপূর্ণ ব্যবহারকারীর অভিজ্ঞতা প্রদান করবে৷

প্রয়োজনীয় পদক্ষেপগুলি হল:

  1. CustomTabsClient.getPackageName(...) ব্যবহার করে ডিফল্ট ব্রাউজার কাস্টম ট্যাব সমর্থন করে কিনা তা পরীক্ষা করুন। যদি হ্যাঁ, CustomTabsClient.bindCustomTabsService() ব্যবহার করে CustomTabsService-এ আবদ্ধ করুন।

  2. একবার CustomTabsService-এর সাথে সংযুক্ত হলে, CustomTabsServiceConnection.onCustomTabsServiceConnected() কলব্যাকে, করুন:

    ক CustomTabsClient.warmup() ব্যবহার করে ব্রাউজার প্রক্রিয়াটি ওয়ার্মআপ করুন। খ. CustomTabsClient.newSession() ব্যবহার করে একটি নতুন CustomTabsSession তৈরি করুন।

  3. ঐচ্ছিকভাবে, CustomTabsSession.mayLaunchUrl() ব্যবহার করে ব্যবহারকারীর সম্ভাব্য ওয়েব পৃষ্ঠাগুলি প্রিফেচ করুন।

  4. একটি নতুন কাস্টম ট্যাব চালু করার সময়, কন্সট্রাকটর new CustomTabsIntent.Builder(session) ব্যবহার করে CustomTabsIntent.Builder- এ CustomTabsSession পাস করুন।

যদি আপনার অ্যাপটি Android API লেভেল 30 কে লক্ষ্য করে, 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));
        }
    });
}

অ্যান্ড্রয়েডে, ইউআরএলগুলি অ্যান্ড্রয়েড অ্যাপ্লিকেশন দ্বারা পরিচালনা করা যেতে পারে। উদাহরণস্বরূপ, ব্যবহারকারীর যদি Facebook অ্যাপটি ইনস্টল করা থাকে এবং একটি Facebook পোস্টের লিঙ্কে ক্লিক করে, তবে তারা সাধারণত ব্রাউজারে পরিবর্তে Facebook অ্যাপে লিঙ্ক খোলার পছন্দ করে।

ডিফল্টরূপে, কাস্টম ট্যাব ইনস্টল করা থাকলে সংশ্লিষ্ট অ্যান্ড্রয়েড অ্যাপ্লিকেশনে লিঙ্কগুলি খোলে। যাইহোক, একবার একটি CustomTabsServiceConnection প্রতিষ্ঠিত হলে, এই আচরণটি কাজ করা বন্ধ করে দেয় এবং এর পরিবর্তে কাস্টম ট্যাবে সমস্ত URL খোলে। একটি উন্নত ব্যবহারকারীর অভিজ্ঞতার জন্য, আমরা নিম্নলিখিত কোড ব্যবহার করে এই আচরণটি পুনরায় সক্ষম করার পরামর্শ দিই:

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

পরবর্তী: কাস্টম ট্যাব অভিজ্ঞতার আকার পরিবর্তন করতে শিখুন ।