Código de muestra para demostrar cómo se puede compartir el código desde Frontend hasta el backend con C# y .NET.
Este proyecto incluye:
| Proyecto | Descripción |
|---|---|
| Pokemoneverywhere.blazor | Aplicación web de Blazor que muestra los datos de Pokémon recuperados provenientes del proyecto API web |
| Pokemoneverywhere.blazor.shared | Razor Class Library (RCL) que se comparte entre todos los proyectos habilitados para Blazor (Blazor, Blazor Hybrid con .NET Maui, WPF y WinForms) |
| Pokemoneverywhere.Blazorhybrid | Proyecto híbrido de Blazor construido en .NET Maui que puede ejecutar en Android, iOS, Windows y macOS |
| Pokemoneverywhere.console | Aplicación de la consola .NET que muestra los datos de Pokémon provienen del proyecto API web en una tabla |
| Pokemoneverywhere.maui | Aplicación "nativa" de .NET Maui que muestra los datos de Pokémon provenientes del proyecto de API web en una aplicación nativa de Android, iOS, Windows y MacOS |
| Pokemoneverywhere.shared | Biblioteca de clase que se comparte con todos los demás proyectos . Incluye los modelos y servicios Pokémon para recuperar datos |
| Pokemoneverywhere.vue (no en solución) | Un proyecto web VUE que está alojado en el proyecto Vuehrid |
| Pokemoneverywhere.vuehrid | Proyecto Cliente .NET Maui que utiliza un HybridWebView para cargar una aplicación VUE que luego muestra los datos de Pokémon provenientes del proyecto API web |
| Pokemoneverywhere.webapi | Proyecto de API web de backend que recupera los datos de una fuente externa y los sirve a los clientes |
| Pokemoneverywhere.wpf | Proyecto Cliente WPF que muestra cómo recuperar los datos tanto en un WPF DataGrid como en el uso de Blazor Hybrid |
| Pokemoneverywhere.winforms | Proyecto Cliente WinForms que muestra cómo recuperar los datos tanto en un Winforms DataGridView como en el uso de Blazor Hybrid |
Asegúrese de que el proyecto WebAPI se esté ejecutando para servir los datos.
Puede hacer esto ejecutando dotnet run --project PokemonEverywhere.WebApi/PokemonEverywhere.WebApi.csproj --launch-profile "https"
Si conectarse al punto final HTTPS le da errores sobre el certificado no válido, detenga el servidor y ejecute dotnet dev-certs https --trust . Esto podría solicitarle su contraseña. Luego ejecute el comando anterior nuevamente para ejecutar el servidor.
Opcionalmente, puede configurar un DevTunnel para conectarse al servidor desde un emulador/simulador.
Para hacer esto, instale DevTunnels y ejecute devtunnel host -a -p 7055 . El puerto 7055 es el valor predeterminado en este proyecto, si elige usar algo más, actualice el puerto. Navegue a la URL generada una vez de un navegador para reconocer el mensaje de advertencia, desde entonces puede conectarse a la URL de los proyectos de la aplicación del cliente.
Todos los proyectos deben poder ejecutar a través de cualquier IDE o editor de código o la línea de comandos.
Por ejemplo, para ejecutar el proyecto del cliente Blazor desde el uso de la línea de comandos
dotnet run --project PokemonEverywhere.Blazor/PokemonEverywhere.Blazor.csproj --launch-profile " https "O para ejecutar .net maui en Windows desde la línea de comandos use
dotnet build PokemonEverywhere.Maui/PokemonEverywhere.Maui.csproj -t:Run -f net8.0-windows10.0.19041.0¡En Visual Studio, establezca su proyecto favorito como el proyecto de inicio y comience a ejecutar!
Antes de ejecutar el proyecto Vuehrid, asegúrese de tener NPM instalado y desde el Pokemoneverywhere.
npm i
npm run build