از محتوای وب در برنامه اندروید خود استفاده کنید

اندروید به شما این امکان را می دهد که به عنوان یک توسعه دهنده از قدرت وب در برنامه های خود استفاده کنید، بنابراین می توانید از انعطاف پذیری و کارایی امکان نمایش انواع خاصی از محتوا بهره مند شوید.

این به شما امکان می دهد محتوای وب موجود را به طور یکپارچه در برنامه اندرویدی خود ادغام کنید، مانند نمایش فید خبری، نمایش آموزش های تعاملی، نمایش تبلیغات یا حتی میزبانی یک مینی بازی بدون ساختن همه چیز از ابتدا. به آن به عنوان پنجره ای به اینترنت، از درون برنامه خود فکر کنید. دو راه برای جاسازی محتوای وب در برنامه شما وجود دارد:

  • WebView : محتوای وب را که شما به صورت درون خطی کنترل می‌کنید، در جایی که می‌خواهید انعطاف‌پذیری بالایی در سفارشی‌سازی یا به‌روزرسانی رابط کاربری داشته باشید، نمایش می‌دهد.
  • برگه‌های سفارشی : یک تجربه کامل از مرور درون برنامه‌ای که توسط مرورگر پیش‌فرض کاربر ( به پشتیبانی مرورگر مراجعه کنید ) برای زمانی که کاربران روی پیوندی کلیک می‌کنند و می‌خواهید آنها را در برنامه نگه دارید، به‌جای اینکه بیشتر مرور را به یک مرورگر خارجی واگذار کنید، ارائه می‌شود. تجربه خارج از جعبه
برنامه Android در Google Play باز است، با نمای اصلی وب که در کادر قرمز برجسته شده است.برگه سفارشی برای صفحه وب Android For Developers باز می شود که در کادر قرمز برجسته شده است.
شکل 1. WebView (چپ) و تب سفارشی (راست) با رنگ قرمز مشخص شده اند.

چرا محتوای وب را جاسازی کنیم؟

  • کارایی: از کدهای موجود در وب سایت خود مجددا استفاده کنید. بر اساس فناوری‌ها و محتوای موجود وب بسازید.
  • یکپارچه سازی: از محتوای خارجی ارائه دهندگان 3P، مانند رسانه، تبلیغات، در برنامه خود استفاده کنید.
  • انعطاف‌پذیری: محتوا را به‌صورت پویا و بدون محدود شدن به رابط‌های کاربری از پیش تعریف‌شده یا بدون انتشار به‌روزرسانی‌های برنامه، به‌روزرسانی کنید.

چه زمانی از محتوای وب استفاده کنیم؟

سه مورد اصلی برای استفاده از وب در برنامه Android شما وجود دارد:

1. جاسازی محتوای وب در برنامه خود به عنوان محتوای اصلی یا پشتیبانی: از WebView استفاده کنید

  • محتوای وب خود را به صورت درون خطی به عنوان یک تجربه اولیه نمایش دهید که در آن می‌خواهید انعطاف‌پذیری بالایی در سفارشی‌سازی یا به‌روزرسانی رابط کاربری داشته باشید.
  • محتوای دیگری مانند تبلیغات، شرایط و مقررات قانونی، یا سایر محتوای شخص ثالث را به صورت درون خطی یا به عنوان پنجره ای در تجربه برنامه خود نمایش دهید.
برنامه Android در Google Play باز است، با نمای اصلی وب که در کادر قرمز برجسته شده استبرنامه اندروید با متن پشتیبان داخل کادر قرمز باز می شود.
شکل 2. محتوای وب تعبیه شده در برنامه با WebViews به عنوان محتوای اصلی (چپ) و محتوای پشتیبانی (راست).

2. مرور درون برنامه ای با استفاده از تب های سفارشی یا WebView برای موارد استفاده پیشرفته تر

  • برای زمانی که کاربران روی پیوندی کلیک می‌کنند و می‌خواهید آنها را در برنامه نگه دارید، به جای رفتن به یک مرورگر خارجی، یک تجربه کامل از مرور درون برنامه‌ای داشته باشید.
    • توجه: برای دستگاه‌های صفحه‌نمایش بزرگ مانند تبلت‌ها و تاشوها، گزینه‌های اضافی برای کمک به برنامه‌ها برای استفاده از فضای اضافی وجود دارد:
    • برنامه‌ها می‌توانند با استفاده از راه‌اندازی تجربه چند پنجره‌ای مجاور، پیوندهای وب را در صفحه تقسیم شده باز کنند. این به کاربران امکان می دهد همزمان بین برنامه شما و یک مرورگر چند کار انجام دهند. یا
    • تب های سفارشی یک گزینه پانل جانبی دارند که می تواند در همان کار باز شود، اما در کنار محتوای برنامه موجود شما.
  • Tab Custom توسط مرورگر پیش‌فرض کاربر، برای مرورگرهایی که از Tabs پشتیبانی می‌کنند، پشتیبانی می‌شود.
    • در حالی که امکان استفاده از WebView و ارائه یک تجربه مرور درون برنامه ای بسیار قابل تنظیم است، ما تب های سفارشی را برای تجربه مرورگر خارج از جعبه و انتقال بدون درز برای زمانی که کاربر می خواهد پیوند وب را در مرورگر باز کند، توصیه می کنیم.
صفحه وب با پیوند درون برنامه در کادر قرمز در سمت چپ و یک مرورگر درون برنامه   در سمت راست نشان داده شده است.
شکل 3. با کلیک بر روی پیوند درون برنامه (سمت چپ) و باز کردن یک مرورگر درون برنامه (راست).

3. ورود یا احراز هویت در برنامه شما جریان دارد

رویکرد پیشنهادی اندروید این است که با استفاده از Credential Manager جریانهای ورود به سیستم یا احراز هویت خود را ایجاد کنید. اگر متوجه شدید که هنوز نیاز به استفاده از Embedded Web برای این تجربیات دارید، از راهنمایی زیر استفاده کنید:

  • برخی از برنامه‌ها از WebViews برای ارائه جریان‌های ورود به سیستم برای کاربران خود استفاده می‌کنند، از جمله استفاده از نام کاربری و کلید عبور (یا رمز عبور) مخصوص برنامه شما. این به توسعه دهندگان امکان می دهد تا جریان های احراز هویت را در سراسر پلتفرم ها یکسان کنند.
  • هنگام پیوند دادن به ارائه‌دهنده هویت شخص ثالث یا تجربه ورود به سیستم، مانند «ورود به سیستم با…»، برگه‌های سفارشی راهی برای رفتن هستند. راه‌اندازی برگه‌های سفارشی تضمین می‌کند که اعتبار کاربر محافظت شده و در سایت شخص ثالث ایزوله می‌ماند.

برای اطلاعات بیشتر در مورد استفاده از WebViews برای احراز هویت، به احراز هویت کاربران با WebView مراجعه کنید. برای راه‌اندازی یک برگه سفارشی، به نمای کلی برگه‌های سفارشی Android مراجعه کنید.

فیلد ورود به برنامه با WebView در سمت چپ.ورود شخص ثالث با تب سفارشی در سمت راست.
شکل 4. یک فیلد ورود به برنامه (سمت چپ) و یک ورود به سیستم شخص ثالث در یک برگه سفارشی (راست) باز شده است.