برای نصب شدن چه چیزی لازم است؟

برنامه‌های وب پیش‌رونده (PWA) برنامه‌های مدرن و با کیفیتی هستند که با فناوری وب ساخته شده‌اند. PWAها قابلیت‌های مشابهی با برنامه‌های موبایل و دسکتاپ ارائه می‌دهند، حتی در شرایط ناپایدار شبکه نیز قابل اعتماد هستند و قابل نصب هستند که پیدا کردن و استفاده از آنها را برای کاربران آسان‌تر می‌کند.

اکثر کاربران با نصب برنامه‌ها و مزایای یک تجربه نصب‌شده آشنا هستند. برنامه‌های نصب‌شده در سطوح راه‌اندازی سیستم عامل، مانند پوشه برنامه‌ها در macOS X، منوی استارت در ویندوز و صفحه اصلی در اندروید و iOS ظاهر می‌شوند. برنامه‌های نصب‌شده همچنین در سوئیچر فعالیت، موتورهای جستجوی دستگاه مانند Spotlight و در صفحات اشتراک‌گذاری محتوا نمایش داده می‌شوند.

اکثر مرورگرها به کاربر نشان می‌دهند که برنامه وب پیش‌رونده (PWA) شما زمانی قابل نصب است که معیارهای خاصی را برآورده کند. به عنوان مثال، نشانگرها شامل دکمه نصب در نوار آدرس یا یک آیتم منوی نصب در منوی سرریز هستند.

مرورگر، نصب آزمایشی را ارائه می‌دهد (دسکتاپ)
مرورگر، تبلیغات نصب را ارائه می‌دهد (موبایل)

علاوه بر این، وقتی معیارها برآورده شوند، بسیاری از مرورگرها یک رویداد beforeinstallprompt را اجرا می‌کنند که به شما امکان می‌دهد یک UX درون برنامه‌ای سفارشی ایجاد کنید که جریان نصب را در برنامه شما آغاز کند.

معیارهای نصب

در کروم، برنامه وب پیش‌رونده شما باید معیارهای زیر را داشته باشد تا رویداد beforeinstallprompt را اجرا کند و تبلیغ نصب درون مرورگر را نشان دهد:

  • برنامه وب از قبل نصب نشده است.
  • با اصول اکتشافی تعامل کاربر مطابقت دارد:
    • کاربر باید حداقل یک بار، در هر زمانی، حتی در طول بارگذاری صفحه قبلی، روی صفحه کلیک یا لمس کرده باشد.
    • کاربر باید حداقل 30 ثانیه در هر زمان، صفحه را مشاهده کرده باشد.
  • از طریق HTTPS ارائه شود.
  • شامل یک مانیفست برنامه وب است که شامل موارد زیر است:
    • short_name یا name
    • icons - باید شامل یک آیکون ۱۹۲ پیکسلی و یک آیکون ۵۱۲ پیکسلی باشند
    • start_url
    • display - باید یکی از fullscreen ، standalone ، minimal-ui یا window-controls-overlay باشد
    • prefer_related_applications نباید وجود داشته باشد، یا باید false باشد.

سایر مرورگرها نیز معیارهای مشابهی برای نصب دارند، هرچند ممکن است تفاوت‌های جزئی وجود داشته باشد. برای جزئیات کامل، سایت‌های مربوطه را بررسی کنید: