SoccerPong

Fußballpong

Ein Pong-Klon, um den Entwicklungsprozess einer interaktiven Echtzeit-Web-App mithilfe von ASP.NET Blazor WebAssembly zu untersuchen.

Online spielen

https://mdeclerk.github.io/soccerpong

Um automatisch auf Github -Seiten mit GitHub -Aktionen bereitzustellen, habe ich dieses großartige Tutorial verfolgt.

Vor Ort spielen

1. Installieren Sie Microsoft .net SDK 6.0

2. Klonprojekt von Github

3. Starten Sie den Host von CLI (im Projektroot -Ordner)

   $ dotnet run

4. Spielen Sie im Browser: http: // localhost: 5000

Spielen Sie vom Docker -Container mit Nginx als Webserver ab

1. Installieren Sie Docker Desktop

2. Klonprojekt von Github

3. Ausführen als Docker -Service (im Projektroot -Ordner):

   $ docker-compose up -d

4. Spielen Sie im Browser: http: // localhost: 5000

Hilfreiche Informationen zu Containerisierungs -Blazorwasm -Apps finden Sie hier.

Code -Layout

• Ansichten/ Enthält Front-End-UI mit Blazor-Komponenten

  • Ansichten/ Komponenten/ enthält wiederverwendbare UI -Komponenten
  • Ansichten/ Seiten/ enthält routbare Seiten

• Dienste/ enthält Back-End-Spielbezogene Objekte, die als ASP.NET-Dienste implementiert wurden, die vom Abhängigkeitsinjektionssystem verwaltet werden

• wwwroot/ enthält statische Webdateien z. B. CSS, Bilder und Bootstrap5 Front-End-Toolkit

Abhängigkeiten

• Blazed.LocalStorage wurde zum Laden/Speichern von Spieloptionen zum Browsern den lokalen Speicher.