SoccerPong

ฟุตบอล

โคลนพงษ์เพื่อสำรวจกระบวนการพัฒนาของเว็บแอปแบบโต้ตอบแบบเรียลไทม์โดยใช้ ASP.NET Blazor WebAssembly

เล่นออนไลน์

https://mdeclerk.github.io/soccerpong

ในการปรับใช้กับหน้า gitHub โดยอัตโนมัติโดยใช้การกระทำของ GitHub ฉันได้ติดตามบทช่วยสอนที่ยอดเยี่ยมนี้

เล่นในพื้นที่

1. ติดตั้ง Microsoft .NET SDK 6.0

2. โครงการโคลนจาก GitHub

3. เริ่มต้นโฮสต์จาก CLI (ในโฟลเดอร์รูทโครงการ)

   $ dotnet run

4. เล่นในเบราว์เซอร์: http: // localhost: 5000

เล่นจาก Docker Container w/ nginx เป็นเว็บเซิร์ฟเวอร์

1. ติดตั้ง Docker Desktop

2. โครงการโคลนจาก GitHub

3. เรียกใช้เป็นบริการ Docker (ในโฟลเดอร์รูทโครงการ):

   $ docker-compose up -d

4. เล่นในเบราว์เซอร์: http: // localhost: 5000

ข้อมูลที่เป็นประโยชน์เกี่ยวกับแอพ containerizing blazorwasm สามารถพบได้ที่นี่

เค้าโครงรหัส

• มุมมอง/ มี UI ส่วนหน้าโดยใช้ส่วนประกอบ Blazor

  • มุมมอง/ ส่วนประกอบ/ ประกอบด้วยส่วนประกอบ UI ที่นำกลับมาใช้ใหม่ได้
  • มุมมอง/ หน้า/ มีหน้าเส้นทางที่กำหนดเส้นทางได้

• บริการ/ มีวัตถุที่เกี่ยวข้องกับเกมแบ็คเอนด์ที่ใช้เป็นบริการ ASP.NET ที่จัดการโดยระบบฉีดพึ่งพา

• wwwroot/ มีไฟล์เว็บคงที่เช่น CSS รูปภาพและชุดเครื่องมือ front-end Bootstrap5

การพึ่งพาอาศัยกัน

• blazored.localstorage ใช้ในการโหลด/บันทึกตัวเลือกเกมไปยังเบราว์เซอร์ที่เก็บข้อมูลท้องถิ่น