מבוא לעובדי שירות JavaScript

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

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

מה הם עובדי שירות?

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

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

כיצד להחזיר dlc ב- steam

למה עובדי שירות?

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

נראה היה ש-AppCache הוא רעיון טוב מכיוון שהוא איפשר לך לציין נכסים לאחסון במטמון ממש בקלות. עם זאת, הוא עשה הנחות רבות לגבי מה שניסית לעשות ואז נשבר בצורה נוראית כשהאפליקציה שלך לא פעלה בדיוק לפי ההנחות הללו. קרא את זה של ג'ייק ארצ'יבלד (למרבה הצער עם כותרת אבל כתוב היטב) מטמון האפליקציה הוא Douchebag לפרטים נוספים. (מָקוֹר: MDN )

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

מקרי שימוש עבור עובדי שירות

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

הנה כמה מהתכונות שעובדי שירות מאפשרים:

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

מחזור החיים של עובד שירות

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

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

כיצד להשתמש ב-Service Workers ב-JavaScript

ה-Service Worker API ( MDN ) מספק את הממשק המאפשר לך ליצור ולתקשר עם עובדי שירות ב-JavaScript.