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

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

WebView ব্যবহার করে কন্টেন্ট এম্বেড করা

WebView API আপনাকে একটি মিনি-ব্রাউজারের ক্ষমতা অ্যাক্সেস করতে দেয় আপনার অ্যাপের মধ্যে ওয়েব কন্টেন্ট দেখানোর জন্য। এটি আপনাকে ওয়েব-চালিত প্রদান করতে দেয় আপনার অ্যাপের মধ্যে একটি মূল বা সহায়ক অংশ হিসাবে অভিজ্ঞতা, যেমন চিত্র ১-এ দেখা গেছে।

Android অ্যাপ Google Play-তে খোলা হয়েছে, যেখানে প্রাথমিক ওয়েব ভিউ লাল রঙের বক্সে হাইলাইট করা আছে Android অ্যাপ খোলা আছে এবং লাল রঙের বক্সের মধ্যে সহায়ক টেক্সট আছে।
ছবি ১. অ্যাপের মধ্যে এম্বেড করা ওয়েব কন্টেন্ট, যেখানে `WebView` অবজেক্ট হল প্রাথমিক (বাঁদিকে) এবং সহায়ক কন্টেন্ট (ডানদিকে)।

WebView কী করতে পারে

আপনার অ্যাপে WebView-এর সাহায্যে আপনি নিম্নলিখিত কাজগুলি করতে পারবেন:

  • এম্বেড ওয়েব: একটি WebView অ্যাপের ইউজার ইন্টারফেসে একটি কম্পোনেন্ট হিসেবে ইন্টিগ্রেট করা হয়, অনেকটা বোতাম বা টেক্সট ফিল্ডের মতো।

  • কন্টেন্ট লোড করা: WebView বিভিন্ন সোর্স থেকে ওয়েব কন্টেন্ট লোড করতে পারে:

    • রিমোট URL: এটি সাধারণ ব্রাউজারের মতোই ইন্টারনেট থেকে ওয়েব পেজ ফেচ করে দেখাতে পারে।
    • লোকাল ফাইল: এটি অ্যাপের রিসোর্সের মধ্যে স্টোর করা HTML, CSS ও JavaScript ফাইল লোড করতে পারে।
    • ডায়নামিকভাবে জেনারেট করা কন্টেন্ট: অ্যাপটি ডায়নামিকভাবে HTML কন্টেন্ট জেনারেট করতে পারে এবং এটি WebView-কে প্রদান করতে পারে।
  • রেন্ডার: WebView তার ব্রাউজার ইঞ্জিন ব্যবহার করে HTML, CSS ও JavaScript পার্স ও রেন্ডার করে এবং অ্যাপের UI-তে নির্দিষ্ট জায়গায় ওয়েবপেজ দেখায়।

  • জাভাস্ক্রিপ্ট এক্সিকিউট করা: WebView লোড করা ওয়েব পেজের প্রসঙ্গে জাভাস্ক্রিপ্ট কোড এক্সিকিউট করতে পারে। এটি WebView-এর মধ্যে ডায়নামিক ইন্টার‍্যাকশন ও আপডেট করার অনুমতি দেয়।

  • আপনার অ্যাপের সাথে ইন্টার‍্যাক্ট করুন: এখানে WebView আরও শক্তিশালী হয়ে ওঠে। এটি ওয়েব পেজ ও অ্যাপের মধ্যে দ্বিমুখী কমিউনিকেশন চালু করে।

    • অ্যাপ কোডে জাভাস্ক্রিপ্ট: WebView-এ চলা জাভাস্ক্রিপ্ট কোড অ্যাপের হোস্ট API-কে কল করতে পারে, যার ফলে ক্যামেরা, জিপিএস বা সেন্সরের মতো ডিভাইস ফিচারে অ্যাক্সেস পাওয়া যায়।

    • জাভাস্ক্রিপ্টে অ্যাপ কোড: অ্যাপটি জাভাস্ক্রিপ্ট কোডকে WebView-এ ইনজেক্ট করতে পারে, ওয়েব পেজের কন্টেন্ট ম্যানিপুলেট করতে পারে অথবা ওয়েব পেজের মাধ্যমে ট্রিগার করা ইভেন্টে উত্তর দিতে পারে।

WebView কীভাবে ব্রাউজার থেকে আলাদা

WebView হল একটি অত্যন্ত কাস্টম কম্পোনেন্ট যা ওয়েবে উইন্ডোর মূল কার্যকারিতা প্রদান করে। ব্রাউজারের মতো নয়, যা নেভিগেশন বার এবং অন্যান্য ইউজার ইন্টারফেস এলিমেন্ট প্রদান করে যাতে আরও ব্যাপকভাবে ওয়েব নেভিগেট করা যায়, WebView-এর সামগ্রিক অভিজ্ঞতা আপনার অ্যাপের ডিজাইন এবং উদ্দেশ্য দ্বারা নির্ধারিত হয়।

WebView কীভাবে সাধারণ ব্রাউজারের থেকে আলাদা তা আরও ভালোভাবে বুঝতে, নিম্নলিখিত ব্যাখ্যা দেখুন:

UI: ওয়েব কন্টেন্ট দেখানোর জন্য WebView ব্যবহার করা হয় এবং অন্যান্য সাধারণ ব্রাউজারের মতো এটির নিজস্ব হেডার বা UI থাকে না, যেমন হোম বোতাম, অ্যাড্রেস বার বা সেটিংস মেনু।

ফিচার: ব্রাউজিং অভিজ্ঞতা উন্নত করার জন্য অনেক ব্রাউজারে বিল্ট-ইন ফিচার থাকে, যেমন বুকমার্ক, অনুমতি বা ইতিহাস।

আপডেট: Android-এ Android WebView একটি সিস্টেম সার্ভিস হওয়ার কারণে, প্রতি মাসে অটোমেটিক অ্যাপে আপডেট পুশ ও ইন্টিগ্রেট করা হয়। ব্রাউজারগুলি তাদের সংশ্লিষ্ট অ্যাপ আপডেটের উপর নির্ভর করে এবং তারপরে ব্যবহারকারীদের তাদের ডিভাইসে আপডেট প্রয়োগ করতে হয়।

শুরু করুন

আপনার অ্যাপে কীভাবে WebView ব্যবহার করবেন সেই সম্পর্কে তথ্য পেতে, WebView-এ ওয়েব অ্যাপ তৈরি করুন ডকুমেন্ট দেখুন।

অতিরিক্ত রিসোর্স

WebView অবজেক্ট বা কাস্টম ট্যাব ব্যবহার করে Android-পরিচালিত ডিভাইসের জন্য ওয়েব পেজ ডেভেলপ করতে, নিম্নলিখিত ডকুমেন্ট দেখুন: