আপনার অ্যান্ড্রয়েড অ্যাপের মধ্যে ওয়েব সামগ্রী ব্যবহার করুন
সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন
আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।
Android আপনাকে আপনার অ্যাপ্লিকেশানগুলির মধ্যে ওয়েবের শক্তিতে তৈরি করতে দেয়৷ সুতরাং, আপনি নির্দিষ্ট ধরণের সামগ্রী প্রদর্শন করতে সক্ষম হওয়ার নমনীয়তা এবং দক্ষতা থেকে উপকৃত হতে পারেন।
এটি আপনাকে নির্বিঘ্নে আপনার অ্যান্ড্রয়েড অ্যাপে বিদ্যমান ওয়েব সামগ্রীকে সংহত করতে দেয়, যেমন একটি নিউজ ফিড প্রদর্শন করা, ইন্টারেক্টিভ টিউটোরিয়াল প্রদর্শন করা, বিজ্ঞাপন প্রদর্শন করা বা এমনকি স্ক্র্যাচ থেকে সবকিছু তৈরি না করে একটি মিনি-গেম হোস্ট করা। আপনার অ্যাপের মধ্যে থেকে এটিকে ইন্টারনেটের একটি উইন্ডো হিসাবে ভাবুন। আপনার অ্যাপে ওয়েব সামগ্রী এম্বেড করার দুটি উপায় রয়েছে:
WebView : এটি আপনার ইনলাইনে নিয়ন্ত্রণ করা ওয়েব সামগ্রী প্রদর্শন করে যেখানে আপনি UI কাস্টমাইজ বা আপডেট করার ক্ষেত্রে উচ্চ মাত্রার নমনীয়তা চান।
Custom Tabs : ব্যবহারকারীর ডিফল্ট ব্রাউজার দ্বারা চালিত একটি সম্পূর্ণ অ্যাপ-মধ্যস্থ ব্রাউজিং অভিজ্ঞতা ( ব্রাউজার সমর্থন দেখুন ) যখন ব্যবহারকারীরা একটি লিঙ্কে ক্লিক করেন এবং আপনি তাদের অ্যাপে রাখতে চান, একটি বহিরাগত ব্রাউজারে যাওয়ার পরিবর্তে, অনেক ব্রাউজিং অভিজ্ঞতার বাইরের-অফ-দ্য-বক্স।
চিত্র 1. `ওয়েবভিউ` (বাম) এবং `কাস্টম ট্যাব` (ডানদিকে) রূপরেখা।
কেন ওয়েব কন্টেন্ট এম্বেড?
আপনার অ্যাপে ওয়েব কন্টেন্ট এম্বেড করার বিভিন্ন সুবিধা রয়েছে:
দক্ষতা : আপনার ওয়েবসাইট থেকে বিদ্যমান কোড পুনরায় ব্যবহার করুন। বিদ্যমান ওয়েব প্রযুক্তি এবং বিষয়বস্তু তৈরি করুন।
ইন্টিগ্রেশন : আপনার অ্যাপের মধ্যে মিডিয়া এবং বিজ্ঞাপনের মতো তৃতীয়-পক্ষ প্রদানকারীদের থেকে বাহ্যিক সামগ্রী ব্যবহার করুন।
নমনীয়তা : পূর্বনির্ধারিত UI-তে সীমাবদ্ধ না হয়ে বা অ্যাপ আপডেট প্রকাশ না করে গতিশীলভাবে সামগ্রী আপডেট করুন।
কখন ওয়েব কন্টেন্ট ব্যবহার করবেন?
আপনার Android অ্যাপে ওয়েব ব্যবহার করার জন্য তিনটি প্রাথমিক ব্যবহারের ক্ষেত্রে রয়েছে:
একটি প্রাথমিক অভিজ্ঞতা হিসাবে আপনার নিজস্ব ওয়েব সামগ্রী ইনলাইনে প্রদর্শন করুন যেখানে আপনি UI কাস্টমাইজ বা আপডেট করার ক্ষেত্রে উচ্চ মাত্রার নমনীয়তা চান৷
অন্যান্য বিষয়বস্তু যেমন বিজ্ঞাপন, আইনি শর্তাদি এবং প্রবিধান, বা অন্যান্য তৃতীয় পক্ষের সামগ্রী ইনলাইনে বা আপনার অ্যাপ অভিজ্ঞতার মধ্যে একটি উইন্ডো হিসাবে প্রদর্শন করুন।
চিত্র 2. অ্যাপের মধ্যে 'ওয়েবভিউ'-এর সাথে প্রাথমিক (বাম) এবং সমর্থনকারী সামগ্রী (ডান) সহ ওয়েব সামগ্রী এমবেড করা হয়েছে৷
2. Custom Tabs ব্যবহার করে ইন-অ্যাপ ব্রাউজিং , বা আরও উন্নত ব্যবহারের ক্ষেত্রে WebView
যখন ব্যবহারকারীরা একটি লিঙ্কে ক্লিক করেন এবং আপনি একটি বহিরাগত ব্রাউজারে যাওয়ার পরিবর্তে তাদের অ্যাপে রাখতে চান তখন একটি সম্পূর্ণ ইন-অ্যাপ ব্রাউজিং অভিজ্ঞতা পান।
দ্রষ্টব্য: ট্যাবলেট এবং ফোল্ডেবলের মতো বড় পর্দার ডিভাইসগুলির জন্য, অ্যাপগুলিকে অতিরিক্ত স্থানের সুবিধা নিতে সাহায্য করার জন্য অতিরিক্ত বিকল্প রয়েছে:
অ্যাপস একটি সংলগ্ন মাল্টি-উইন্ডো অভিজ্ঞতা লঞ্চ করে স্প্লিট স্ক্রিনে ওয়েবলিঙ্ক খুলতে পারে। এটি ব্যবহারকারীদের একই সময়ে আপনার অ্যাপ এবং একটি ব্রাউজারের মধ্যে মাল্টিটাস্ক করতে সক্ষম করে। বা
Custom Tabs একটি সাইড প্যানেল বিকল্প রয়েছে যা একই টাস্কে খুলতে পারে তবে আপনার বিদ্যমান অ্যাপ সামগ্রীর পাশে।
Custom Tab ব্যবহারকারীর ডিফল্ট ব্রাউজার দ্বারা চালিত হয়, Custom Tabs সমর্থন করে এমন ব্রাউজারগুলির জন্য৷
যদিও একটি WebView ব্যবহার করা এবং একটি অত্যন্ত কাস্টমাইজযোগ্য ইন-অ্যাপ ব্রাউজিং অভিজ্ঞতা প্রদান করা সম্ভব, আমরা একটি আউট-অফ-দ্য-বক্স ব্রাউজার অভিজ্ঞতার জন্য Custom Tabs সুপারিশ করি এবং যখন কোনও ব্যবহারকারী ব্রাউজারে একটি ওয়েব লিঙ্ক খুলতে চায় তখন তার জন্য বিরামহীন রূপান্তর৷
চিত্র 3. একটি ইন-অ্যাপ লিঙ্কে ক্লিক করা (বামে) এবং একটি ইন-অ্যাপ ব্রাউজার খুলছে (ডানদিকে)।
3. আপনার অ্যাপের মধ্যে লগইন বা প্রমাণীকরণ প্রবাহিত হয়
অ্যান্ড্রয়েডের প্রস্তাবিত পদ্ধতি হল ক্রেডেনশিয়াল ম্যানেজার ব্যবহার করে আপনার লগইন বা প্রমাণীকরণ প্রবাহ তৈরি করা। আপনি যদি দেখেন যে এই অভিজ্ঞতাগুলির জন্য আপনাকে এখনও এমবেডেড ওয়েব ব্যবহার করতে হবে, নিম্নলিখিত নির্দেশিকা ব্যবহার করুন:
কিছু অ্যাপ্লিকেশান তাদের ব্যবহারকারীদের জন্য সাইন-ইন ফ্লো প্রদান করতে WebView s ব্যবহার করে, আপনার অ্যাপের জন্য নির্দিষ্ট একটি ব্যবহারকারীর নাম এবং পাসকি (বা পাসওয়ার্ড) ব্যবহার করা সহ। এটি ডেভেলপারদের প্ল্যাটফর্ম জুড়ে প্রমাণীকরণ প্রবাহকে একীভূত করতে সক্ষম করে।
তৃতীয় পক্ষের পরিচয় প্রদানকারীর সাথে লিঙ্ক আউট করার সময় বা লগইন অভিজ্ঞতা, যেমন "সাইন ইন করুন...", Custom Tabs যাওয়ার উপায়। একটি Custom Tab চালু করা তৃতীয় পক্ষের সাইটে বিচ্ছিন্ন রেখে ব্যবহারকারীর শংসাপত্র রক্ষা করতে সহায়তা করে৷
চিত্র 4. একটি ইন-অ্যাপ লগইন ক্ষেত্র (বাম) এবং একটি তৃতীয় পক্ষের লগইন একটি `কাস্টম ট্যাবে` (ডানে) খোলা হয়েছে।
এই পৃষ্ঠার কন্টেন্ট ও কোডের নমুনাগুলি Content License-এ বর্ণিত লাইসেন্সের অধীনস্থ। Java এবং OpenJDK হল Oracle এবং/অথবা তার অ্যাফিলিয়েট সংস্থার রেজিস্টার্ড ট্রেডমার্ক।
2025-09-03 UTC-তে শেষবার আপডেট করা হয়েছে।
[[["সহজে বোঝা যায়","easyToUnderstand","thumb-up"],["আমার সমস্যার সমাধান হয়েছে","solvedMyProblem","thumb-up"],["অন্যান্য","otherUp","thumb-up"]],[["এতে আমার প্রয়োজনীয় তথ্য নেই","missingTheInformationINeed","thumb-down"],["খুব জটিল / অনেক ধাপ","tooComplicatedTooManySteps","thumb-down"],["পুরনো","outOfDate","thumb-down"],["অনুবাদ সংক্রান্ত সমস্যা","translationIssue","thumb-down"],["নমুনা / কোড সংক্রান্ত সমস্যা","samplesCodeIssue","thumb-down"],["অন্যান্য","otherDown","thumb-down"]],["2025-09-03 UTC-তে শেষবার আপডেট করা হয়েছে।"],[],[],null,["Android lets you build on the power of the web within your apps. So, you can\nbenefit from the flexibility and efficiency of being able to display certain\ntypes of content.\n\nThis lets you seamlessly integrate existing web content into your Android\napp, such as to display a news feed, show interactive tutorials,\ndisplay ads, or even host a mini-game without building everything from scratch.\nThink of it as a window to the internet, from within your app. There are two\nways to embed web content into your app:\n\n- [`WebView`](/reference/android/webkit/WebView): It displays web content you control inline where you want a high degree of flexibility in customizing or updating the UI.\n- [`Custom Tabs`](/develop/ui/views/layout/webapps/overview-of-android-custom-tabs): A full in-app browsing experience powered by the user's default browser ([see browser support](https://developer.chrome.com/docs/android/custom-tabs/browser-support)) for when users click a link and you want to keep them in the app, instead of leaving to an external browser, with much of the browsing experience out-of-the-box.\n\n**Figure 1.** \\`WebView\\` (left) and \\`Custom Tab\\` (right) outlined.\n\nWhy embed web content?\n\nThere are several benefits to embedding web content in your app:\n\n- **Efficiency**: Reuse existing code from your website. Build on existing web technologies and content.\n- **Integration**: Use external content from third-party providers, such as media and ads, within your app.\n- **Flexibility**: Update content dynamically without being constrained to predefined UIs, or without releasing app updates.\n\nWhen to use web content?\n\nThere are three primary uses cases for using the Web in your Android app:\n\n**1. [Embedding web content into your app as primary or supporting content](/develop/ui/views/layout/webapps/embed-web-content-in-app):\nUse `WebView`**\n\n- Display your own web content inline as a primary experience where you want a high degree of flexibility in customizing or updating the UI.\n- Display other content such as ads, legal terms and regulations, or other third-party content inline, or as a window within your app experience.\n\n**Figure 2.** Web content embedded within the app with \\`WebView\\`s as primary (left) and supporting content (right).\n\n**2. [In-app browsing](/develop/ui/views/layout/webapps/in-app-browsing-embedded-web) using `Custom Tabs`, or `WebView` for more advanced\nuse cases**\n\n- Have a full in-app browsing experience for when users click a link and you want to keep them in the app, instead of leaving to an external browser.\n - Note: For large screen devices such as tablets and foldables, there are additional options to help apps take advantage of additional space:\n - Apps can open weblinks in split screen using [launch an adjacent\n multi-window experience](/develop/ui/compose/layouts/adaptive/support-multi-window-mode#launch_adjacent). This enables users to multitask between your app and a browser at the same time. OR\n - `Custom Tabs` have a side panel option that can open in the same task, but next to your existing app content.\n- The `Custom Tab` is powered by the user's default browser, for browsers which support `Custom Tabs`.\n - While it's possible to use a `WebView` and provide a highly customizable in-app browsing experience, we recommend `Custom Tabs` for an out-of-the-box browser experience and seamless transition for when a user wants to open a web link in the browser.\n\n**Figure 3.** Clicking on an in-app link (left) and opening an in-app browser (right).\n\n**3. Login or Authentication flows within your app**\n\nAndroid's suggested approach is to build your login or authentication flows\nusing [Credential Manager](/identity/sign-in/credential-manager). If you find\nyou still need to use Embedded Web for these experiences, use the following\nguidance:\n\n- Some apps use `WebView`s to provide sign-in flows for their users, including using a username and passkey (or password) specific to your app. This enables developers to unify the authentication flows across platforms.\n- When linking out to a third-party identity provider or login experience, such as \"Sign in with...\", `Custom Tabs` are the way to go. Launching a `Custom Tab` helps protect the user's credential by keeping it isolated to the third-party site.\n\nFor more information about using `WebView`s for authentication,\nsee [Authenticate users with WebView](/identity/sign-in/credential-manager-webview).\nFor launching a `Custom Tab`, see [Overview of Android Custom Tabs](/develop/ui/views/layout/webapps/overview-of-android-custom-tabs).\n**Figure\n4.** An in-app login field (left) and a third-party login opened in a \\`Custom Tab\\` (right)."]]
