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

סביבה

סטודיו חזותי

• Visual Studio 2019

.NET

• .NET 5.0

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

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

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

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

יצירת פרויקט PWA של Blazor WebAssembly

זה בעצם אותו דבר כמו יצירת פרויקט Blazor WebAssembly.

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

מלבד תכונות ספציפיות ל-PWA, הפיתוח של Blazor WebAssembly זהה במהותו לתבנית נטולת ה-PWA.

הבדלים מפרויקטים שאינם PWA

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

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

נסה PWA

הפעל את הפרויקט לאיתור באגים.

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

כאשר אתה לוחץ עליו, מוצג אישור להתקנה, ולכן אנסה להתקין.

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

מאז הוא מותקן, זה יהיה רשום בתפריט התחלה כזה ואתה תוכל להתחיל אותו.

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

הסרת התקנה

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

יומן שינויים

2022/7/13

• הסבר נוסף כי https נדרש כדי להתקין PWA.

2022/3/30

• מהדורה ראשונה