สร้างและเรียกใช้โครงการผู้ช่วยเว็บที่คลุมเครือ
สภาพแวดล้อม
- Visual Studio
-
- Visual Studio 2019
- .NET
-
- .NET 5.0
รับและติดตั้งสตูดิโอภาพ
พัฒนาโครงการที่คลุมเครือด้วย Visual Studio ต่อไปนี้เป็นวิธีรับและตั้งค่า Visual Studio
ขั้นตอนอื่น ๆ อาจเป็นเรื่องยุ่งยาก แต่คุณสามารถใช้รหัส Visual Studio เพื่อพัฒนาได้ (ไม่มีคําอธิบายที่นี่)
สร้างโครงการเครือข่ายไบรซอร์
เลือก Visual Studio 2019 จากเมนูเริ่ม เวอร์ชันที่นี่คือ 2019 แต่คุณสามารถสร้างโครงการในรุ่นที่ใหม่กว่าได้
เลือกสร้างโครงการใหม่
การป้อน "Blazor" ในช่องป้อนข้อมูลการค้นหาด้านบนจะแสดงรายการดังนั้นโปรดเลือกแอป Blazor WebAssembly และคลิกปุ่ม ถัดไป
ชื่อโครงการไม่สําคัญ แต่นี่คือ "ตัวอย่างย่อยเว็บผสม" คุณสามารถสร้างโครงการได้ทุกที่ ชื่อโซลูชันจะถูกเติมโดยอัตโนมัติเพื่อให้คุณสามารถอยู่ได้ตามปกติ
กรอบเป้าหมายคือ" NET Core 3.1 หรือใหม่กว่า นี่คือล่าสุด" NET 5.0。 ส่วนที่เหลือยังคงเป็นค่าเริ่มต้น เมื่อเสร็จแล้วให้คลิกปุ่ม สร้าง
หน้าต่างหลักของ Visual Studio (IDE) จะปรากฏขึ้น และโครงการถูกสร้างขึ้นแล้ว เค้าโครงหน้าต่างอาจแตกต่างกันไปขึ้นอยู่กับการกําหนดลักษณะ แต่ไม่มีผลต่อการพัฒนา
โฟลเดอร์ที่ระบุจะสร้างแฟ้มที่เกี่ยวข้องกับโครงการ รายการไม่มีผลต่อลําดับชั้น (ภายนอก) เหนือโฟลเดอร์นี้ ดังนั้นถ้าคุณไม่ต้องการแต่ละโฟลเดอร์อีกต่อไป คุณสามารถเอาโฟลเดอร์ทั้งหมดออกได้
รัน (ดีบักรัน)
เนื่องจากตัวอย่างเล็ก ๆ ถูกสร้างขึ้นในสถานะการสร้างโครงการคุณสามารถเรียกใช้ได้ตามที่เป็นอยู่ คลิกนิพจน์ IIS บนแถบเครื่องมือเพื่อเรียกใช้ สร้างเว็บเซิร์ฟเวอร์อย่างง่าย "IIS Express" ในสภาพแวดล้อมของคุณเองซึ่งคุณสามารถเรียกใช้แอปไฮบริดได้ นิพจน์ IIS นี้จะสิ้นสุดโดยอัตโนมัติเมื่อการดีบักเสร็จสมบูรณ์
โดยวิธีการที่เว็บเซิร์ฟเวอร์จะใช้เพื่อดาวน์โหลดแอปในการดีบัก WebAssembly แบบไฮบริดเท่านั้น
หลังจากการสร้างเริ่มต้นเป็นระยะเวลาหนึ่งการสร้างจะเสร็จสมบูรณ์และเว็บเบราเซอร์เริ่มทํางาน หน้าจอเว็บจะปรากฏขึ้น แต่ทั้งหมดเหล่านี้ได้รับการจัดการโดยไคลเอ็นต์ทั้งหมด (ยกเว้นการเข้าถึงทรัพยากรเซิร์ฟเวอร์) โดยทั่วไป การประมวลผลไคลเอ็นต์ของเว็บแอปมักจะถูกสร้างขึ้นโดยใช้สคริปต์ Java แต่ Blazor สามารถสร้างได้ใน C# โดยใช้กลไก WebAssembly
ต่อไปนี้เป็นกระบวนการเพิ่มจํานวนทุกครั้งที่คุณคลิก กระบวนการเหล่านี้ไม่รีเฟรชหน้าจอมักจะเขียนใน Javascript แต่พวกเขายังถูกนํามาใช้ใน C #
นี่คือหน้าจอที่ดาวน์โหลดไฟล์ JSON จากเซิร์ฟเวอร์และแสดงรายการ
หยุดการดีบัก
ถ้าเว็บเบราว์เซอร์เริ่มทํางานแยกต่างหาก การปิดเว็บเบราว์เซอร์จะสิ้นสุดการดีบัก แต่ถ้าคุณเปิดแท็บใหม่ในเว็บเบราว์เซอร์ที่เริ่มต้นแล้ว การปิดแท็บจะไม่สิ้นสุดการดีบัก
ในกรณีนี้ ให้คลิกปุ่ม หยุดการดีบัก ในแถบเครื่องมือ Visual Studio
การพัฒนาสิ้นสุดลง
โดยทั่วไปคุณสามารถเสร็จสิ้นสตูดิโอภาพเช่นเดียวกับโครงการอื่น ๆ ถ้าแฟ้มบางแฟ้มยังไม่ได้รับการบันทึก การยืนยันการบันทึกจะแสดงขึ้น
เมื่อพัฒนาอีกครั้งคุณสามารถเปิดไฟล์ "xxxxxx.sin" หรือจากที่นั่นได้เนื่องจากประวัติจะปรากฏขึ้นเมื่อคุณเปิด Visual Studio