আপনার Android অ্যাপের মধ্যে ওয়েব কন্টেন্ট ব্যবহার করা

Android আপনাকে অ্যাপের মধ্যে ওয়েবের ক্ষমতা ব্যবহার করে তৈরি করার সুবিধা দেয়। তাই, আপনি নির্দিষ্ট ধরনের কন্টেন্ট দেখানোর ক্ষেত্রে নমনীয়তা এবং দক্ষতার সুবিধা পেতে পারেন।

এটি আপনাকে নিজের Android অ্যাপে আগে থেকে থাকা ওয়েব কন্টেন্ট নির্বিঘ্নে ইন্টিগ্রেট করতে দেয়, যেমন নিউজ ফিড দেখানো, ইন্টার‍্যাক্টিভ টিউটোরিয়াল দেখানো, বিজ্ঞাপন দেখানো বা এমনকি একদম শুরু থেকে সবকিছু তৈরি না করেই মিনি-গেম হোস্ট করা। আপনার অ্যাপের মধ্যে থেকে ইন্টারনেটের উইন্ডো হিসেবে এটিকে বিবেচনা করুন। আপনার অ্যাপে ওয়েব কন্টেন্ট এম্বেড করার দুটি উপায় আছে:

  • WebView: এটি আপনার কন্ট্রোল করা ওয়েব কন্টেন্ট ইনলাইন দেখায় যেখানে আপনি UI কাস্টমাইজ বা আপডেট করার ক্ষেত্রে অনেক বেশি ফ্লেক্সিবিলিটি চান।
  • Custom Tabs: ব্যবহারকারীর ডিফল্ট ব্রাউজার দ্বারা পরিচালিত একটি সম্পূর্ণ ইন-অ্যাপ ব্রাউজিং অভিজ্ঞতা (ব্রাউজার সহায়তা দেখুন) যখন ব্যবহারকারীরা একটি লিঙ্কে ক্লিক করেন এবং আপনি তাদের অ্যাপে রাখতে চান, কোনও এক্সটার্নাল ব্রাউজারে না গিয়ে, ব্রাউজিং অভিজ্ঞতার বেশিরভাগই আউট-অফ-দ্য-বক্স সহ।
Android অ্যাপ Google Play-তে খোলা, যেখানে প্রাথমিক ওয়েব ভিউ হাইলাইট করা আছে। Android For Developers ওয়েব পেজে কাস্টম ট্যাব খোলা, হাইলাইট করা।
ছবি ১. `WebView` (বাঁদিকে) এবং `Custom Tab` (ডানদিকে) আউটলাইন করা আছে।

ওয়েব কন্টেন্ট কেন এম্বেড করবেন?

আপনার অ্যাপে ওয়েব কন্টেন্ট এম্বেড করার অনেক সুবিধা আছে:

  • দক্ষতা: আপনার ওয়েবসাইটে আগে থেকে থাকা কোড আবার ব্যবহার করুন। আগে থেকে থাকা ওয়েব প্রযুক্তি ও কন্টেন্টের উপর ভিত্তি করে তৈরি করা।
  • ইন্টিগ্রেশন: আপনার অ্যাপে থার্ড-পার্টি প্রদানকারীর থেকে পাওয়া এক্সটার্নাল কন্টেন্ট ব্যবহার করুন, যেমন মিডিয়া ও বিজ্ঞাপন।
  • ফ্লেক্সিবিলিটি: আগে থেকে নির্ধারিত UI-তে সীমাবদ্ধ না থেকে বা অ্যাপ আপডেট রিলিজ না করেই ডায়নামিকভাবে কন্টেন্ট আপডেট করুন।

ওয়েব কন্টেন্ট কখন ব্যবহার করবেন?

আপনার Android অ্যাপে ওয়েব ব্যবহার করার তিনটি প্রাথমিক ব্যবহারিক ক্ষেত্র আছে:

১. আপনার অ্যাপে প্রাথমিক বা সহায়ক কন্টেন্ট হিসেবে ওয়েব কন্টেন্ট এম্বেড করা: WebView ব্যবহার করুন

  • আপনার নিজের ওয়েব কন্টেন্ট ইনলাইন হিসেবে প্রাথমিক অভিজ্ঞতা হিসেবে দেখান যেখানে আপনি UI কাস্টমাইজ বা আপডেট করার ক্ষেত্রে অনেক বেশি ফ্লেক্সিবিলিটি চান।
  • আপনার অ্যাপ অভিজ্ঞতার মধ্যে বিজ্ঞাপন, আইনি শর্তাবলী ও রেগুলেশন বা অন্যান্য থার্ড-পার্টি কন্টেন্টের মতো অন্যান্য কন্টেন্ট ইনলাইন বা উইন্ডো হিসেবে দেখানো।
Android অ্যাপ Google Play-তে খোলা হয়েছে, যেখানে প্রাথমিক ওয়েব ভিউ লাল রঙের বক্সে হাইলাইট করা আছে Android অ্যাপ খোলা আছে এবং লাল রঙের বক্সের মধ্যে সহায়ক টেক্সট আছে।
ছবি ২. অ্যাপের মধ্যে এম্বেড করা ওয়েব কন্টেন্ট, যেখানে `WebView`হল প্রাথমিক (বাঁদিকে) এবং সহায়ক কন্টেন্ট (ডানদিকে)।

২. Custom Tabs ব্যবহার করে অ্যাপ-মধ্যস্থ ব্রাউজিং, অথবা আরও উন্নত ব্যবহারের ক্ষেত্রে WebView ব্যবহার করা

  • ব্যবহারকারী কোনও লিঙ্কে ক্লিক করলে এবং আপনি তাকে এক্সটার্নাল ব্রাউজারে না পাঠিয়ে অ্যাপেই রাখতে চাইলে, অ্যাপ-মধ্যস্থ ব্রাউজিংয়ের সম্পূর্ণ অভিজ্ঞতা পান।
    • মনে রাখবেন: ট্যাবলেট এবং ফোল্ডেবল ডিভাইসের মতো বড় স্ক্রিনের ডিভাইসের জন্য, অ্যাপগুলিকে অতিরিক্ত জায়গার সুবিধা নিতে সাহায্য করার জন্য অতিরিক্ত বিকল্প রয়েছে:
    • পাশাপাশি একাধিক উইন্ডো অভিজ্ঞতা লঞ্চ করুন ব্যবহার করে অ্যাপ স্প্লিট স্ক্রিনে ওয়েবলিঙ্ক খুলতে পারে। এটি ব্যবহারকারীদের একই সময়ে আপনার অ্যাপ এবং ব্রাউজারের মধ্যে মাল্টিটাস্ক করার সুবিধা দেয়। অথবা
    • Custom Tabs-এ একটি সাইড প্যানেল বিকল্প আছে যা একই টাস্কে খুলতে পারে, তবে আপনার আগে থেকে থাকা অ্যাপ কন্টেন্টের পাশে।
  • Custom Tab ব্যবহারকারীর ডিফল্ট ব্রাউজার দ্বারা পরিচালিত হয়, যে ব্রাউজারগুলি Custom Tabs সমর্থন করে।
    • WebView ব্যবহার করে অত্যন্ত কাস্টমাইজ করা যায় এমন ইন-অ্যাপ ব্রাউজিং অভিজ্ঞতা প্রদান করা সম্ভব হলেও, আমরা Custom Tabs ব্যবহার করার সাজেশন দিই। এর ফলে, ব্যবহারকারী ব্রাউজারে কোনও ওয়েব লিঙ্ক খুলতে চাইলে, তিনি আউট-অফ-দ্য-বক্স ব্রাউজার অভিজ্ঞতা ও নির্বিঘ্ন ট্রানজিশন উপভোগ করতে পারবেন।
বাঁদিকে লাল বক্সে ইন-অ্যাপ লিঙ্ক সহ ওয়েব পেজ এবং ডানদিকে ইন-অ্যাপ ব্রাউজার দেখানো
  হয়েছে।
ছবি ৩. অ্যাপ-মধ্যস্থ লিঙ্কে ক্লিক করা (বাঁদিকে) এবং অ্যাপ-মধ্যস্থ ব্রাউজার খোলা (ডানদিকে)।

৩. আপনার অ্যাপের মধ্যে লগ-ইন বা যাচাইকরণ ফ্লো

Android-এর সাজেস্ট করা পদ্ধতি হল ক্রেডেনশিয়াল ম্যানেজার ব্যবহার করে আপনার লগ-ইন বা যাচাইকরণ ফ্লো তৈরি করা। আপনি যদি দেখেন যে এইসব অভিজ্ঞতার জন্য আপনাকে এখনও এম্বেড করা ওয়েব ব্যবহার করতে হবে, তাহলে নিম্নলিখিত নির্দেশাবলী অনুসরণ করুন:

  • কিছু অ্যাপ তাদের ব্যবহারকারীদের জন্য সাইন-ইন ফ্লো প্রদান করতে WebView ব্যবহার করে, যার মধ্যে আপনার অ্যাপের জন্য নির্দিষ্ট ইউজারনেম এবং পাসকী (বা পাসওয়ার্ড) ব্যবহার করা অন্তর্ভুক্ত। এটি ডেভেলপারদের বিভিন্ন প্ল্যাটফর্ম জুড়ে যাচাইকরণ ফ্লো একত্রিত করতে সক্ষম করে।
  • থার্ড-পার্টি পরিচয় প্রদানকারী বা লগ-ইন অভিজ্ঞতার সাথে লিঙ্ক করার সময়, যেমন "…এর মাধ্যমে সাইন-ইন করুন", Custom Tabs হল সঠিক উপায়। Custom Tab লঞ্চ করলে ব্যবহারকারীর ক্রেডেনশিয়াল থার্ড-পার্টি সাইট থেকে আলাদা রেখে সুরক্ষিত করতে সাহায্য করে।

যাচাইকরণের জন্য WebView ব্যবহার করার ব্যাপারে আরও তথ্য পেতে, WebView-এর মাধ্যমে ব্যবহারকারীদের যাচাই করুন নিবন্ধটি দেখুন। Custom Tab লঞ্চ করার জন্য, Android কাস্টম ট্যাবের ওভারভিউ দেখুন।

বাঁদিকে WebView সহ অ্যাপ-মধ্যস্থ লগ-ইন ফিল্ড। ডানদিকে কাস্টম ট্যাব সহ থার্ড-পার্টি লগ-ইন।
ছবি ৪. অ্যাপ-মধ্যস্থ লগ-ইন ফিল্ড (বাঁদিকে) এবং থার্ড-পার্টি লগ-ইন `কাস্টম ট্যাবে` (ডানদিকে) খোলা হয়েছে।