מה נדרש כדי להתקין את האפליקציה?

אפליקציות מסוג Progressive Web App ‏ (PWA) הן אפליקציות מודרניות ואיכותיות שנבנו באמצעות טכנולוגיית אינטרנט. אפליקציות PWA מציעות יכולות דומות לאפליקציות לנייד ולמחשב, הן אמינות גם בתנאי רשת לא יציבים, ואפשר להתקין אותן, כך שקל יותר למשתמשים למצוא ולהשתמש בהן.

רוב המשתמשים מכירים את תהליך ההתקנה של אפליקציות ואת היתרונות של חוויית שימוש באפליקציה מותקנת. אפליקציות מותקנות מופיעות במקומות שמהם אפשר להפעיל את מערכת ההפעלה, כמו התיקייה Applications ב-macOS X, תפריט Start ב-Windows ומסך הבית ב-Android וב-iOS. אפליקציות מותקנות מופיעות גם במעבר בין אפליקציות, במנועי חיפוש במכשיר כמו Spotlight ובגיליונות שיתוף התוכן.

ברוב הדפדפנים, אם אפליקציית Progressive Web App ‏ (PWA) עומדת בקריטריונים מסוימים, מוצג למשתמש שהיא ניתנת להתקנה. דוגמאות לאינדיקטורים כוללות כפתור התקנה בסרגל הכתובות או פריט בתפריט ההתקנה בתפריט האפשרויות הנוספות.

Browser provided install promotion (desktop)
Browser provided install promotion (mobile)

בנוסף, כשמתקיימים הקריטריונים, הרבה דפדפנים יפעילו אירוע beforeinstallprompt, שיאפשר לכם לספק חוויית משתמש מותאמת אישית באפליקציה שתפעיל את תהליך ההתקנה בתוך האפליקציה.

קריטריונים להתקנה

כדי שאפליקציית Progressive Web App תפעיל את האירוע beforeinstallprompt ותציג את המבצע להתקנה בדפדפן, היא צריכה לעמוד בקריטריונים הבאים ב-Chrome:

  • אפליקציית האינטרנט לא מותקנת.
  • עומד בקריטריונים של היוריסטיקה של התעניינות משתמשים:
    • המשתמש צריך ללחוץ או להקיש על הדף לפחות פעם אחת, בכל שלב, גם במהלך טעינה קודמת של הדף.
    • המשתמש צריך לשהות בדף לפחות 30 שניות, בכל שלב.
  • להיות מוצג באמצעות HTTPS.
  • כולל מניפסט של אפליקציית אינטרנט שכולל:
    • short_name או name
    • icons – צריך לכלול סמל בגודל 192 פיקסלים וסמל בגודל 512 פיקסלים
    • start_url
    • display – הערך חייב להיות אחד מהערכים הבאים: fullscreen,‏ standalone,‏ minimal-ui או window-controls-overlay
    • אסור לציין את הערך prefer_related_applications, או שהוא חייב להיות false

בדפדפנים אחרים יש קריטריונים דומים להתקנה, אבל יכולים להיות הבדלים קלים. פרטים מלאים זמינים באתרים הבאים: