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

Pete LePage

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

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

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

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

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

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

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

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

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