SoccerPong

Soccerpong

asp.net blazor webassembly를 사용하여 실시간 대화 형 웹 앱의 개발 프로세스를 탐색하는 Pong Clone.

온라인으로 플레이하십시오

https://mdeclerk.github.io/soccerpong

GitHub 작업을 사용하여 GitHub 페이지에 자동으로 배포하려면이 멋진 튜토리얼을 따랐습니다.

현지에서 플레이하십시오

1. Microsoft .NET SDK 6.0을 설치하십시오

2. Github의 클론 프로젝트

3. CLI에서 호스트 시작 (프로젝트 루트 폴더)

   $ dotnet run

4. 브라우저에서 재생 : http : // localhost : 5000

웹 서버로서 nginx가있는 Docker 컨테이너에서 재생하십시오

1. Docker Desktop을 설치하십시오

2. Github의 클론 프로젝트

3. Docker Service (프로젝트 루트 폴더)로 실행 : :

   $ docker-compose up -d

4. 브라우저에서 재생 : http : // localhost : 5000

컨테이너화 Blazorwasm 앱에 대한 유용한 정보는 여기에서 찾을 수 있습니다.

코드 레이아웃

• Views/ Blazor 구성 요소를 사용하여 프론트 엔드 UI를 포함합니다

  • 보기/ 구성 요소/ 재사용 가능한 UI 구성 요소가 포함됩니다
  • 보기/ 페이지/ 라우팅 가능한 페이지가 포함되어 있습니다

• 서비스/ 의존성 주입 시스템에서 관리하는 ASP.NET 서비스로 구현 된 백엔드 게임 관련 개체

• wwwroot/ 정적 웹 파일 포함 예 : CSS, 이미지 및 Bootstrap5 프론트 엔드 툴킷

의존성

• Blazored.localstorage 브라우저에 게임 옵션을로드/저장하는 데 사용됩니다.