אפליקציות מסוג Progressive Web App

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

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

פלטפורמת האינטרנט

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

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

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

אפליקציות ספציפיות לפלטפורמה

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

אחד האתגרים שאפליקציות ספציפיות לפלטפורמה מסוימת הוא שהן לא תואמות למספר פלטפורמות ומכשירים, ולכן לא קל, אם בכלל, להעביר אפליקציה ל-Android ל-iOS או מ-iOS ל-Windows או ל-ChromeOS בלי ליצור אפליקציה חדשה מאפס.

אצלנו אפשר ליהנות מכל העולמות

מבחינת היכולות ואפליקציות האינטרנט, אפליקציות הפלטפורמה מייצגות את היכולות הכי טובות, ואילו אפליקציות אינטרנט מייצגות את פוטנציאל החשיפה הכי טוב. Progressive Web Apps נמצאות בנקודת המפגש בין היכולות של אפליקציות פלטפורמה לבין פוטנציאל החשיפה של אפליקציות אינטרנט. Progressive Web App כוללת תכונות משני העולמות.

אתרים

  • יכולת קישור
  • נגיש כברירת מחדל
  • בכל מקום
  • פריסה קלה
  • קל לעדכן
  • כולם יכולים לפרסם

אפליקציות פלטפורמה

  • יכול לפעול במצב אופליין
  • ביצועים גבוהים
  • שילוב מכשיר
  • חוויה עצמאית
  • סמל ההתקנה
  • תוכן עשיר ואמין

לאימוץ יש יתרונות

Hulu, שירות סטרימינג של וידאו בארה"ב, יצר גרסה של Progressive Web App לחוויית המשתמש שלו כדי להחליף את האפליקציות למחשבים שולחניים שקיבלו ביקורות גרועות של משתמשים ושימוש לא טוב. כפי ששותף ב-Google I/O 2019, מפתח אחד יוכל לבחון את חוויית השימוש הזו באפליקציית האינטרנט הקיימת שלהם וליישם אותה בתוך שבועיים.

תוך חמישה חודשים, 96% מהמשתמשים באפליקציה מדור קודם אימצו את ה-PWA, עם עלייה של 27% בביקורים החוזרים ועלייה של 5.5% במעורבות. מכיוון שהיא נמצאת במרכז האפליקציות ובשורת המשימות, קל יותר לחזור לאפליקציות PWA מאשר רק אם הן היו בתוך כרטיסייה.

אנשי JD.ID, פלטפורמת מסחר אלקטרוני באינדונזיה שמספקת שירותי משלוחים של מוצרים רבים, רצתה להרחיב את הנוכחות שלה באינטרנט על ידי התמקדות בביצועים ובחוויה יציבה שאינה תלויה ברשת. בעזרת החוויה המשופרת, החברה הגדילה את שיעור ההמרה הכולל בנייד ב-53%, 200% בקרב משתמשים מותקנים, והגדילה את מספר המשתמשים הפעילים ביום (DAU) ב-26%.

Clipchamp הוא כלי לעריכת סרטונים באינטרנט, במחשב שולחני, שכולל דפדפן שמאפשר לכל אחד לספר סיפורים שכדאי לשתף באמצעות סרטון. הם נהנו מעלייה של 9% בשימור המשתמשים באמצעות ה-PWA בהשוואה למשתמשים הרגילים באפליקציה למחשב. הם נהנו מעלייה של 97% בשיעור ההתקנות של ה-PWA בכל חודש בחמשת החודשים הראשונים.

Gravit Designer של Corel Corporation הוא כלי רב-עוצמה לעיצוב וקטורי ברמה של מחשב שולחני, שמספק עשרות אלפי משתמשים פעילים ביום שדורשים תוכנת איורי וקטור חזקה, משתלמת. מאז שהוסיפו את PWA כאפשרות התקנה למשתמשים, הם נהנו מפעילות של משתמשי PWA ב-24% יותר, למשתמשי ה-PWA יש 31% יותר משתמשים חוזרים, ולמשתמשי PWA יש סיכוי גדול פי 2.5 לרכוש את Gravit Designer PRO, בהשוואה לפלטפורמות אחרות ולאפשרויות ההתקנה האחרות שלהם.

מהפך במשחק הסטרימינג

דוגמה מצוינת לעוצמה של Progressive Web Apps היא התעשייה של פלטפורמות סטרימינג, כולל משחקי ענן ומחשוב מרחוק. משנת 2021, רוב הספקים של המשחקים בענן השיקו את Progressive Web Apps, ואפשרו לך לשחק במשחקי קונסולה מכל מכשיר ורק מדפדפן או מהתקנת PWA: iPhone, Android, iPad, מחשבים ניידים, Mac או מחשב אישי. Amazon Luna, Microsoft Xbox Cloud Gaming, Facebook Gaming, Google Stadia, Nvidia GeForce Now ו-BluStacks X יש פתרונות של גיימינג בענן בדפדפן. כולם מספקים חוויית שימוש מעולה עם ביצועים שקרובים לאלה של המשתמשים בכל הפלטפורמות, הודות לטכנולוגיות אינטרנט כמו WebRTC, WebAssembly וממשקי API של GamePad.

אתגרים

אחרי שמגלים את יתרונות השימוש בפלטפורמת האינטרנט לפרסום אפליקציות PWA, חשוב גם להיות מודעים לאתגרים שאתם עשויים להיתקל בהם.

תאימות לדפדפנים שונים

Apple היא חברה חיונית לעולם של ריבוי מכשירים, שבבעלותה iOS, iPadOS, macOS ו-Safari. Apple מעולם לא השתמשה במונח PWA בציבור, אבל מאז 2018 היא תומכת בטכנולוגיות שבעזרתן אפשר להתקין PWA ולהתאים אותה אופליין ב-Safari למכשירי iPhone ו-iPad.

עם זאת, במסגרת ההטמעה של מפרטי ה-PWA על ידי Apple, חסרות תכונות רבות שקיימות בדפדפנים אחרים, ובמיוחד דפדפנים שמופעלים על ידי מנוע Chromium.

במרכז נמצאים גם Firefox ומנוע Gecko שלו, עם יישומים שונים, כולל יותר מפרטי PWA ב-Android ופחות יכולות התקנה במחשבים.

המגבלות כוללות היעדר התראות, ממשקי API לשילוב (כמו Web Bluetooth או WebNFC) וטכניקות לקידום התקנות שעוזרות למשתמשים לדעת שהם יכולים להתקין את האתר הנוכחי כדי ליהנות מחוויית שימוש באפליקציה. בנוסף, יש כמה באגים בתכונות מוטמעות.

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

מוּדעוּת לאפליקציות מסוג PWA

כמפתחי PWA, סביר להניח שתיתקלו בבעיית מוּדעוּת, גם בצד העסקי וגם בצד המשתמשים. חלק מבעלי העסקים לא יידעו על אפליקציות PWA או שיש להם תפיסות שגויות לגבי הכוח והאתגרים של Progressive Web Apps.

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

אתגר ההתקנה משמעותי יותר בפלטפורמות מסוימות, כמו iOS ו-iPadOS, ולפעמים מעצבי חוויית המשתמש כוללים מסכים שמסבירים למשתמשים איך להתקין את האפליקציה.

תאימות

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

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

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

    97 %

    דפדפנים שמוכנים לשימוש במצב אופליין

    88 %

    משתמשי אינטרנט יכולים להתקין PWA

מקור הנתונים מ-StatCounter ומ-Can I Use.

מחשבים שולחניים ומחשבים ניידים

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

Windows 10 ו-11
Google Chrome (מגרסה 73), Microsoft Edge (מגרסה 79), Microsoft Store
ChromeOS
דפדפן Chrome מובנה (מגרסה 72), חנות Play (מגרסה 85)
macOS, Linux ו-Windows 7 ו-.x
Google Chrome (מגרסה 73), Microsoft Edge

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

מכשירים ניידים

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

iOS ו-iPadOS
Safari (החל מ-iOS 11.3), AppStore (מאז iOS/iPadOS 14, עם כמה מגבלות), הגדרת תצורה לניידים להפצה לארגונים.
Android
Firefox, Google Chrome, Samsung Internet, Microsoft Edge, Opera, Brave, Huawei Browser, Baidu, UCWeb, Play Store (מגרסה 72 עם התקנת Google Chrome או דפדפנים שתואמים ל-TWA), Galaxy Store, iframe של Play לארגונים להפצה לארגונים.

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

מכשירים אחרים

מכשירים קטנים מסוימים אחרים תומכים באפליקציות PWA, כמו קונסולות משחקים (Xbox עם Microsoft Store) או מכשירי XR (Microsoft Hololens, לתוכניות Oculus של Facebook). עם זאת, בשאר המכשירים שבהם יש דפדפן בדרך כלל לא מקבלים אפליקציות PWA, כולל:

  • קונסולות משחקים
  • טלוויזיות חכמות
  • שעונים חכמים
  • מכוניות

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

משאבים