יצירה וביצוע של פרוייקטי הרכבה באינטרנט של Blazor

סביבה

סטודיו חזותי

• Visual Studio 2019

.NET

• .NET 5.0

הצגה והתקנה של Visual Studio

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

• כיצד להתקין את Visual Studio 2019 (Visual Studio)
• רשימת עצות לסטודיו חזותי

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

יצירת פרוייקט של הרכבה באינטרנט של בלזור

בחר Visual Studio 2019 מתפריט התחלה. הגרסה היא 2019 כאן, אבל גרסאות מאוחרות יותר יכול גם ליצור פרויקטים.

בחר צור פרוייקט חדש.

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

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

מסגרת היעד היא ". NET Core 3.1 ואילך. הנה המילה האחרונה ". NET 5.0" נבחר. השאר נשאר להגדרות ברירת המחדל. כשתסיים, לחץ על לחצן "צור".

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

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

הפעלה (ביצוע איתור באגים)

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

אגב, ריצה של איתור באגים ב- WebAssembly של Blazor משתמשת בשרת האינטרנט רק כדי להוריד אפליקציות.

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

כך תגדיל את הספירה בכל פעם שתלחץ על: פעולות רענון אלה שאינן מסך נכתבות בדרך כלל בכתב Java, אך הן מיושמות גם ב- C#.

זהו המסך שמוריד את קובץ JSON מהשרת ומציג את הרשימה.

הפסקת איתור באגים בביצוע

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

אם זהו המקרה, לחץ על לחצן "הפסק איתור באגים" מסרגל הכלים Visual Studio.

סוף הפיתוח

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

כאשר אתה מפתח שוב, באפשרותך לפתוח את הקובץ "xxxxxxxx.sin" או לפתוח את ההיסטוריה בעת הפעלת Visual Studio, כך שתוכל לפתוח אותו משם.