מה זה PWA (Progressive Web App)? הסבר בשפה פשוטה

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

מה זה PWA, בדיוק?

PWA הוא לא אפליקציה נפרדת שנכתבה בקוד שונה — זה אתר רגיל שעומד בכמה דרישות טכניות נוספות: הוא מוגש בחיבור מאובטח (HTTPS), הוא כולל קובץ קטן שנקרא web app manifest שמספר לדפדפן את השם, האייקון והצבעים של האתר, והוא רושם service worker — סקריפט שרץ ברקע ומאפשר לדפדפן לשמור עמודים לשימוש אופליין ולקבל הודעות פוש. כשעומדים בדרישות האלה, כל דפדפן מודרני יציע 'להתקין' את האתר כאפליקציה, בין אם באנדרואיד, iOS, Windows, macOS או Chromebook.

איך ההוספה למסך הבית עובדת בפועל?

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

מה זה אחסון מקומי לעבודה אופליין ב-PWA?

אחסון מקומי לעבודה אופליין אומר שה-service worker שומר חלקים מרכזיים מהאתר — העיצוב, הלוגו, עמודים שנצפו לאחרונה, לפעמים גם חלק מהנתונים — על המכשיר של המשתמש כבר בביקור הראשון. כך שבפעם הבאה שהוא פותח את האפליקציה עם קליטה חלשה, בטיסה, או בלי חיבור בכלל, היא עדיין יכולה להציג משהו שימושי במקום מסך שגיאה ריק. לרוב זה לא אומר פעולה מלאה אופליין לכל דבר; זה יותר שהאפליקציה 'נשברת בעדינות' במקום לקרוס לגמרי — וזה חשוב במיוחד לתוכן שאנשים חוזרים אליו שוב ושוב, כמו הזמנה, תפריט או דשבורד.

האם PWA יכול לשלוח התראות פוש?

כן. ברגע שמשתמש מתקין PWA ונותן הרשאה, אותו service worker שאחראי על האחסון המקומי יכול גם לקבל התראות פוש מהשרת, גם כשהאפליקציה סגורה — תזכורת להזמנה, עדכון על הזמנה, הודעה חדשה. זו אחת הסיבות המרכזיות ש-PWA מושווה לאפליקציות native: התראות ואייקון על מסך הבית פעם היו דברים שרק אפליקציה מחנות אפליקציות יכלה להציע, ו-PWA כיום מכסה את שניהם.

למה PWA הוא פתרון ביניים חזק לרוב העסקים?

עבור רוב העסקים, PWA מספק את רוב היתרון המעשי של 'אפליקציה' בלי העלות, העיכוב וההתנגשות שבבניית אפליקציה native נפרדת ותחזוקתה לאורך זמן.

• בסיס קוד אחד לבנייה ולעדכון — האתר והאפליקציה הם אותו פרויקט, כך שתיקון או פיצ׳ר חדש יוצא לכולם בבת אחת.
• אין אישור או עיכוב סקירה מחנות אפליקציות — עדכון ב-PWA חי ברגע שהוא עולה, בדיוק כמו עדכון אתר רגיל.
• עלות בנייה ותחזוקה נמוכה יותר לעומת אפליקציות native נפרדות ל-iOS ולאנדרואיד, כי אין בסיס קוד שני (או שלישי) שצריך לתחזק במקביל.
• ועדיין מקבלים את היתרונות המרכזיים של "תחושת אפליקציה" שחשובים למעורבות — אייקון על מסך הבית, תצוגת מסך מלא, עמידות אופליין והתראות פוש.

במה PWA שונה מאפליקציה native?

אפליקציית native נכתבת במיוחד עבור פלטפורמה אחת (iOS או אנדרואיד), מופצת דרך App Store או Google Play, ויכולה לגשת למגוון המלא של חומרת המכשיר ותכונות המערכת. PWA רץ דרך מנוע הדפדפן, מוגבל ליכולות שדפדפני ווב חושפים, ולא ניתן לרשום אותו בחנות אפליקציות במובן המסורתי — אם כי חלק מהפלטפורמות מאפשרות כיום לארוז PWA גם לרישום בחנויות. עבור עסקים שהצורך המרכזי שלהם הוא נוכחות מהירה, אמינה ודמויית-אפליקציה על הטלפון של הלקוח, ולא אינטגרציה עמוקה עם המכשיר, זה בדרך כלל טרייד-אוף משתלם.