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

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

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

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

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

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

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

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

אפליקציות ספציפיות לפלטפורמה, גם בנייד וגם במחשב, ידועות כעשויות ומהימנה. הם תמיד נמצאים במסכי הבית, במערכי האפליקציות ובסרגל האפליקציות. הם פועלים ללא קשר לחיבור לרשת, ואפשר להפעיל אותם בחוויה עצמאית. הם יכולים לקרוא ולכתוב קבצים ממערכת הקבצים המקומית, לגשת לחומרה שמחוברת באמצעות 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, פלטפורמת מסחר אלקטרוני באינדונזיה שמספקת שירותי משלוחים למוצרים רבים, רצתה להרחיב את הנוכחות שלה באינטרנט על ידי התמקדות בביצועים ובחוויה יציבה ונפרדת מרשת ה-PWA. בעקבות השיפור בחוויית המשתמש, שיעור ההמרות הכולל בניידים עלה ב-53%, שיעור ההמרות בקרב משתמשים שהאפליקציה מותקנת אצלם עלה ב-200%, ומספר המשתמשים הפעילים מדי יום עלה ב-26%.

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

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

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

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

אתגרים

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

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

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

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

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

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

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

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

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

כשאתם מפרסמים 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 ו-Windows 8.x
Google Chrome (מגרסה 73 ואילך), Microsoft Edge

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

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

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

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

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

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

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

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

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

משאבים