מהן אפליקציות אינטרנט מתקדמות וכיצד להתקין אחת מהן?

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

אבל מהי בעצם אפליקציית אינטרנט מתקדמת? מה עושה PWA שאתר לא עושה? הנה מה שאתה צריך לדעת על יישומי אינטרנט מתקדמים.

מהי אפליקציית אינטרנט מתקדמת?

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

מה מגדיר אם כן PWA?

אוניברסלי : PWA חייב לעבוד בצורה חלקה (טוב, כמעט) עבור כל משתמש, ללא קשר לדפדפן שלו.
מגיב : PWAs צריכים לעבוד עם כל מכשיר, כגון המחשב הנייד, הטאבלט, הסמארטפון שלך וכן הלאה.
לְעַצֵב : העיצוב צריך לחקות אפליקציות מובייל ניידות, כלומר תפריטים יעילים וקלים לאתר, עם אינטראקטיביות פשוטה לתכונות מתקדמות.
בטוח : PWAs צריכים להשתמש ב- HTTPS כדי לשמור על אבטחת נתוני המשתמש.
ניתן לגלות: משתמשים יכולים למצוא PWA, והם ניתנים לזיהוי בקלות כיישום (ולא כ'אתר ').
אירוסין: ל- PWA חייבת להיות גישה לתכונות מעורבות מקוריות כמו הודעות דחיפה.
עדכונים: PWAs נשארים מעודכנים ומגישים את הגרסאות העדכניות ביותר של שירות או אתר.
הַתקָנָה: לאפשר למשתמשים בקלות 'להתקין' את ה- PWA למסך הבית שלהם ללא צורך בחנות אפליקציות.
שיתוף: PWA דורשים רק כתובת URL אחת לשיתוף, ללא כל התקנה.

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

כיצד פועלת אפליקציית אינטרנט מתקדמת?

המפתח ליישומי אינטרנט מתקדמים הם עובדי שירותי דפדפן.

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

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

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

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

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

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

תמיכה מתקדמת בדפדפן אפליקציות אינטרנט

ישנן שתי דרישות לשימוש באפליקציית Progressive Web: דפדפן תואם ושירות התומך ב- PWA.

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

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

הטבלה Can I Use Service Workers מאשרת כי כל הדפדפנים העיקריים תומכים ב- PWA. הוא גם ממחיש תמיכות PWA למספר דפדפנים שולחניים חלופיים ודפדפנים ניידים.

מפרקים את זה עוד קצת:

דפדפן שולחן עבודה (תמיכה מלאה): Chrome, Firefox, Opera, Edge, Safari
דפדפן שולחן עבודה (תמיכה חלקית/גרסה מיושנת): דפדפן QQ, דפדפן Baidu
דפדפן נייד (תמיכה מלאה): Chrome, Firefox, Safari, דפדפן UC, אינטרנט של סמסונג, דפדפן מנטה, Wechat
דפדפן נייד (תמיכה חלקית/גרסה מיושנת): דפדפן QQ, דפדפן אנדרואיד, Opera Mobile

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

כיצד למצוא ולהתקין אפליקציית אינטרנט מתקדמת

עכשיו שאתה יודע באיזה דפדפן להשתמש, אתה יכול לחשוב על חיפוש והתקנת PWA. בדוגמה זו אשתמש ב- Samsung Galaxy S8 עם Google Chrome.

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

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

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

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

יתר על כן, בינואר 2019, Chrome 72 לאנדרואיד נשלח עם Trusted Web Activity (TWA). TWA מאפשר לכרטיסיות Chrome להיפתח במצב עצמאי. בתורו, זה מאפשר ל- PWA להופיע בחנות האפליקציות של Google Play. מספר ה- PWA הראשונים שהופיעו ב- Google Play היו טוויטר לייט , Instagram Lite ו- Google Maps Go , כאשר יותר יופיעו לאורך זמן.

גלריית תמונות (2 תמונות) לְהַרְחִיב לְהַרְחִיב סגור

האם יישומי אינטרנט מתקדמים יחליפו אפליקציות מקוריות?

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

לפחות, לא בינתיים.

כיצד להפעיל מק

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

ב- Trivago נרשמה עלייה של 150 אחוז במעורבות בקרב משתמשים שהוסיפו את ה- PWA שלהם למסך בית.
דף הבית של פורבס 'PWA' נטען במלואו תוך 0.8 שניות בלבד, בעוד שההופעות לביקור עולות ב -10 %. PWA של פורבס ראה גם את אורכי ההפעלה של המשתמשים כפולים.
ב- Twitter Lite נרשמה עלייה של 65 % בדפים בכל מפגש, עם עלייה עצומה של 75 % בציוצים. הוא גם אינטראקטיבי 'תוך פחות מ -5 שניות מעל 3G.'
עליבאבא חלה עלייה של 76 אחוזים בהמרות הסלולר.

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

לַחֲלוֹק לַחֲלוֹק צִיוּץ אימייל מדריך למתחילים בדיבור אנימציה

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

קרא הבא נושאים קשורים

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

על הסופר גאווין פיליפס(פורסמו 945 מאמרים)

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

עוד מאת גאווין פיליפס

הירשם לניוזלטר שלנו

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

לחצו כאן להרשמה