PokemonEverywhere

.net이있는 모든 곳에서 포켓몬

샘플 코드는 C# 및 .NET을 사용하여 프론트 엔드에서 백엔드까지 코드를 공유 할 수있는 방법을 보여줍니다.

이 프로젝트에는 다음이 포함됩니다.

프로젝트	설명
Pokemoneverywhere.blazor	웹 API 프로젝트에서 나오는 검색된 Pokémon 데이터를 보여주는 Blazor 웹 앱
pokemoneverywhere.blazor.shared	모든 Blazor 지원 프로젝트 (Blazor, .Net Maui, WPF 및 Winforms가있는 Blazor Hybrid) 사이에서 공유되는 Razor Class Library (RCL)
Pokemoneverywhere.blazorhybrid	.NET Maui에 구축 된 Blazor Hybrid Project는 Android, iOS, Windows 및 MacOS에서 실행할 수 있습니다.
Pokemoneverywhere	.NET 콘솔 애플리케이션 테이블의 웹 API 프로젝트에서 나오는 Pokémon 데이터
Pokemoneverywhere.maui	.NET Maui "기본"응용 프로그램은 Native Android, iOS, Windows 및 MacOS 앱에서 Web API 프로젝트에서 나오는 Pokémon 데이터를 보여줍니다.
Pokemoneverywhere	다른 모든 프로젝트 와 공유되는 클래스 라이브러리. 데이터를 검색하기위한 Pokémon 모델 및 서비스가 포함되어 있습니다
pokemoneverywhere.vue (해결책이 아님)	Vuehybrid 프로젝트에서 호스팅되는 VUE 웹 프로젝트
Pokemoneverywhere. vuehybrid	.NET Maui 클라이언트 프로젝트 HybridWebView 를 사용하여 VUE 앱을로드 한 다음 Web API 프로젝트에서 제공되는 Pokémon 데이터를 표시합니다.
Pokemoneverywhere.webapi	백엔드 웹 API 프로젝트는 외부 소스에서 데이터를 검색하고 클라이언트에게 제공합니다.
Pokemoneverywhere.wpf	WPF DataGrid 와 Blazor Hybrid 사용에서 데이터를 검색하는 방법을 보여주는 WPF 클라이언트 프로젝트
Pokemonevery Where.winforms	Winforms DataGridView 와 Blazor Hybrid 사용에서 데이터를 검색하는 방법을 보여주는 Winforms 클라이언트 프로젝트

프로젝트 실행

1. WebAPI 프로젝트가 데이터를 제공하기 위해 실행 중인지 확인하십시오.

   dotnet run --project PokemonEverywhere.WebApi/PokemonEverywhere.WebApi.csproj --launch-profile "https"

   HTTPS 엔드 포인트에 연결하면 인증서가 유효하지 않은 것에 대한 오류가 발생하면 서버를 중지하고 dotnet dev-certs https --trust 를 실행하십시오. 이렇게하면 비밀번호를 촉발 할 수 있습니다. 그런 다음 위의 명령을 다시 실행하여 서버를 실행하십시오.

2. 선택적으로 에뮬레이터/시뮬레이터에서 서버에 연결하기 위해 DevTunnel을 설정할 수 있습니다.

   이를 위해 DevTunnels를 설치하고 devtunnel host -a -p 7055 실행하십시오. 포트 7055는이 프로젝트의 기본값입니다. 다른 것을 사용하기로 선택한 경우 포트를 업데이트하십시오. 브라우저에서 생성 된 URL로 이동하여 경고 메시지를 확인하면 클라이언트 앱 프로젝트의 URL에 연결할 수 있습니다.

모든 프로젝트는 IDE 또는 코드 편집기 또는 명령 줄을 통해 실행할 수 있어야합니다.

예를 들어 명령 줄 사용에서 Blazor 클라이언트 프로젝트를 실행하려면

dotnet run --project PokemonEverywhere.Blazor/PokemonEverywhere.Blazor.csproj --launch-profile " https "

또는 명령 줄 사용에서 Windows에서 .net maui를 실행하려면

dotnet build PokemonEverywhere.Maui/PokemonEverywhere.Maui.csproj -t:Run -f net8.0-windows10.0.19041.0

Visual Studio에서는 좋아하는 프로젝트를 스타트 업 프로젝트로 설정하고 실행을 시작하십시오!

Vuehybrid 프로젝트를 실행합니다

Vuehybrid 프로젝트를 실행하기 전에 NPM을 설치하고 Pokemoneverywhere 에서 vue 폴더를 실행하십시오.

npm i
npm run build