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

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

WebView ব্যবহার করে বিষয়বস্তু এমবেড করা

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

অ্যান্ড্রয়েড অ্যাপটি গুগল প্লে-তে খোলা আছে, যেখানে মূল ওয়েব ভিউটি একটি লাল বাক্সে হাইলাইট করা রয়েছে।একটি লাল বাক্সের ভেতরে সহায়ক লেখা সহ অ্যান্ড্রয়েড অ্যাপটি চালু হয়।
চিত্র ১. অ্যাপের মধ্যে এমবেড করা ওয়েব কন্টেন্ট, যেখানে `WebView` অবজেক্টগুলো প্রধান (বামে) এবং সহায়ক কন্টেন্ট (ডানে) হিসেবে রয়েছে।

WebView যা করতে পারে

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

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

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

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

  • রেন্ডার : WebView তার ব্রাউজার ইঞ্জিন ব্যবহার করে HTML, CSS, এবং JavaScript পার্স ও রেন্ডার করে এবং ফলস্বরূপ ওয়েব পেজটিকে অ্যাপের UI-এর নির্দিষ্ট স্থানে প্রদর্শন করে।

  • জাভাস্ক্রিপ্ট নির্বাহ করা : WebView লোড হওয়া ওয়েব পেজের প্রেক্ষাপটে জাভাস্ক্রিপ্ট কোড নির্বাহ করতে পারে। এর ফলে WebView মধ্যে গতিশীল মিথস্ক্রিয়া এবং আপডেট সম্ভব হয়।

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

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

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

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

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

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

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

বৈশিষ্ট্য : ব্রাউজিং অভিজ্ঞতাকে আরও উন্নত করার জন্য অনেক ব্রাউজারে বুকমার্ক, অনুমতি বা ইতিহাসের মতো অন্তর্নির্মিত বৈশিষ্ট্য থাকে।

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

শুরু করুন

আপনার অ্যাপে WebView কীভাবে ব্যবহার করবেন সে সম্পর্কে তথ্যের জন্য, "Build web apps in WebView ডকুমেন্টটি দেখুন।

অতিরিক্ত সম্পদ

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