פרוגרסיבי Web Apps - העתיד של האינטרנט המודרני?

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

אני מאמין מתקדמת Web Apps הם העתיד של אתרי אינטרנט - ואת הבאים לכתוב אני יהיה לדון היתרונות שלה להשתמש במקרים לתת לך את כל התמונה. בואו ניגש לזה.

מה הם יישומי אינטרנט מתקדמים?

התנאי “פרוגרסיבי Web Apps” הוטבע לראשונה על ידי אלכס רוסל (מפתח של Google Chrome) ופרנסס ברימן (מעצבת). אלכס שיתף את הרעיון שלו על פרוגרסיב Web Apps כי “יישומים אלה אינם ארוזים ופורסים דרך חנויות, הם פשוט אתרי אינטרנט שלקחו את כל הויטמינים הנכונים“.

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

יישומי אינטרנט לעומת יישומי אינטרנט מתקדמים

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

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

למה אנחנו צריכים Progressive Web Apps?

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

'דפי אינטרנט מואצים' (AMP), פרויקט שעודד את Google, התחיל בשנת 2016 לפתור בעיות חיבור איטי - -, במיוחד בסמארטפונים, ולספק חוויית משתמש טובה יותר למשתמשים ניידים. עם זאת, AMP אינו פותר בעיות של בעיות ברשת. כמו כן, זה לא להאיץ את זמן הטעינה כמו יישומים מקומיים, ושוב, זה posses כמה מגבלות כדי להשיג את המהירות.

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

מדוע יישומי אינטרנט מתקדמת הגיוני?

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

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

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

תכונות מתקדמות של Google Apps

פרוגרסיב Web Apps יש תכונות ישירות רבות אשר הופכים אותם נבדלים מאשר עמיתיהם פשוט יותר, כלומר, יישומי אינטרנט (או פשוט יותר - אתרי אינטרנט):

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

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

הערה: תוכל לקרוא עוד על התכונות שלו ופרטים נוספים בפוסט זה.

יצירת יישומי אינטרנט מתקדמים?

Google מספקת “רשימת יישומים מתקדמת” - רשימת פירוט כדי לעזור למתחילים ליצור יישומים מתקדמים. רשימה ללא מדריך זו משתפת את התכונות הדרושות כדי ליצור PWAs - א “בסיס PWA” ו “למופת למופת”; לשעבר רשימות דברים מכריעים עבור App בסיסי והשני עבור יישום מתקדם.

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

האם מתקדמת Web Apps העתיד?

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

Apple הציגה את תכונות PWA (ממשקי API לאינטרנט) ב- Safari 11.1, כולל API של ביקון, עובדי שירות, Web App Manifest וכו '; ובכך להביא את PWAs ל- iOS בקרוב אם לא כבר. גוגל כבר נתמכה PWAs ב- Chrome עבור אנדרואיד, והיא מתכננת להביא אותו פלטפורמות שולחן העבודה גם כן. מיקרוסופט גם הוסיפה תמיכה עבור PWAs ב- Microsoft Edge ותרשום אותן גם ב- Microsoft Store.

מה אתה חושב - הם מתקדמים אינטרנט Apps העתיד? תודיע לי ישירות ב @aksinghnet או לכתוב תגובה באמצעות סעיף הערות להלן לעזוב את התגובה שלך.