Образец кода, чтобы продемонстрировать, как код может быть использован вплоть от фронта, до бэкэнда с C# и .NET.
Этот проект включает в себя:
| Проект | Описание |
|---|---|
| PokeMoneverywhere.blazor | Blazor Web App, которое показывает полученные данные Pokémon, поступающие из проекта Web API |
| PokeMoneverywhere.blazor.shared | Библиотека классов Razor (RCL), которая распространяется среди всех проектов с поддержкой Blazor (Blazor, Blazor Hybrid с .NET MAUI, WPF и Winforms) |
| PokeMoneverywhere.blazorhybrid | Гибридный проект Blazor, построенный на .net Maui, который вы можете запустить на Android, iOS, Windows и MacOS |
| PokeMoneverywhere.console | Приложение консоли .NET, которое показывает данные Pokémon, поступающие из проекта Web API в таблице |
| PokeMoneverywhere.maui | .NET MAUI «Нативное» приложение, которое показывает данные Pokémon, поступающие из проекта Web API в приложении Android, iOS, iOS, Windows и MacOS |
| PokeMoneverywhere.shared | Библиотека классов, которая разделена со всеми другими проектами . Включает модели и услуги покемонов для получения данных |
| Pokemoneverywhere.vue (не в решении) | Веб -проект Vue, который размещен в Vuehybrid Project |
| PokeMoneverywhere.vuehybrid | Клиентский проект .NET MAUI, который использует HybridWebView для загрузки приложения VUE, которое затем показывает данные Pokémon, поступающие из проекта Web API |
| PokeMoneverywhere.Webapi | Backend Web API Project, который извлекает данные из внешнего источника и обслуживает их клиентам |
| PokeMoneverywhere.wpf | Клиентский проект WPF, который показывает, как извлечь данные как в DataGrid WPF, так и с использованием Blazor Hybrid |
| PokeMoneverywhere.winforms | Winforms Client Project, который показывает, как извлечь данные как в Winforms DataGridView , так и с использованием Blazor Hybrid |
Убедитесь, что проект WebAPI работает для обслуживания данных.
Вы можете сделать это, запустив dotnet run --project PokemonEverywhere.WebApi/PokemonEverywhere.WebApi.csproj --launch-profile "https"
Если подключение к конечной точке HTTPS дает вам ошибки по поводу недействительного сертификата, остановите сервер и запустите dotnet dev-certs https --trust . Это может вызвать вас за пароль. Затем запустите команду выше, чтобы запустить сервер.
При желании вы можете настроить Devtunnel для подключения к серверу с эмулятора/симулятора.
Чтобы сделать это, установите Devtunnels и запустите devtunnel host -a -p 7055 . Порт 7055 - по умолчанию в этом проекте, если вы решите использовать что -то еще, обновите порт. Один раз перейдите к сгенерированному URL из браузера, чтобы подтвердить предупреждающее сообщение, с тех пор вы можете подключиться к URL из проектов клиентского приложения.
Все проекты должны быть в состоянии пройти через любой редактор IDE или кода или командную линию.
Например, чтобы запустить проект клиента Blazor из командной строки
dotnet run --project PokemonEverywhere.Blazor/PokemonEverywhere.Blazor.csproj --launch-profile " https "Или запустить .NET MAUI в Windows из командной строки
dotnet build PokemonEverywhere.Maui/PokemonEverywhere.Maui.csproj -t:Run -f net8.0-windows10.0.19041.0В Visual Studio установите свой любимый проект в качестве стартап -проекта и начните работать!
Перед запуском проекта Vuehybrid убедитесь, что NPM установлен и из PokeMoneverywhere.
npm i
npm run build