SoccerPong

Soccerpong

Un clone Pong pour explorer le processus de développement d'une application Web interactive en temps réel à l'aide d'Asp.net Blazor WebAssembly.

Jouer en ligne

https://mdeclerk.github.io/soccerpong

Pour se déployer automatiquement sur les pages GitHub à l'aide d'actions GitHub, j'ai suivi ce didacticiel génial.

Jouer localement

1. Installer Microsoft .NET SDK 6.0

2. Clone Project de Github

3. Démarrer l'hôte de CLI (dans le dossier Root Project)

   $ dotnet run

4. Jouez dans le navigateur: http: // localhost: 5000

Jouer à partir de Docker Container avec Nginx en tant que serveur Web

1. Installer Docker Desktop

2. Clone Project de Github

3. Exécutez le service Docker (dans le dossier Root Project):

   $ docker-compose up -d

4. Jouez dans le navigateur: http: // localhost: 5000

Des informations utiles sur les applications BlazorWasm conteneurisantes peuvent être trouvées ici.

Disposition du code

• Vues / Contient une interface utilisateur frontale à l'aide de composants Blazor

  • Vues / composants / Contient des composants d'interface utilisateur réutilisables
  • Vues / pages / contient des pages routières

• Services / Contient des objets liés au jeu back-end mis en œuvre en tant que services ASP.NET gérés par le système d'injection de dépendance

• wwwroot / contient des fichiers Web statiques, par exemple CSS, images et boîte à outils frontaux Bootstrap5

Dépendances

• Blazored.Localstorage utilisé pour charger / enregistrer des options de jeu pour les navigateurs de stockage local.