¿Qué es Blazor Hybrid?
Las empresas que crean aplicaciones web y aplicaciones cliente suelen contratar a desarrolladores para diferentes roles. Algunos desarrolladores crean lógica del lado servidor de back-end. Algunas crean aplicaciones web del lado cliente. Otras crean aplicaciones cliente nativas para plataformas móviles y de escritorio. Estos desarrolladores suelen usar diferentes tecnologías y lenguajes de desarrollo.
C# y .NET son opciones populares para crear lógica del lado servidor. Las aplicaciones web del lado cliente a menudo se crean con marcos de UI web mediante JavaScript. En lo que respecta a las aplicaciones cliente nativas para escritorio y móviles, hay varias opciones disponibles, muchas de ellas para .NET y C#. El uso de varios lenguajes y conjuntos de herramientas requiere diversos conjuntos de aptitudes y, a menudo, dos equipos independientes. Además, el código para transferir y representar los datos se debe compilar en ambos lenguajes y mantenerse sincronizado. Blazor Hybrid puede simplificar las tareas, el código y los procesos del equipo de desarrollo, ya que le permite usar sus aptitudes y código existentes para crear aplicaciones web en C# y .NET para compilar aplicaciones cliente nativas con estas mismas tecnologías.
En esta unidad, comenzará con una introducción a los componentes de Blazor Hybrid, .NET MAUI y Razor.
¿Qué es Blazor?
Las aplicaciones Blazor constan de componentes de interfaz de usuario web reutilizables compilados con C#, HTML y CSS. Con Blazor, los desarrolladores pueden compilar código de cliente y servidor con C#. También pueden compartir código y bibliotecas con el código de cliente de front-end y la lógica de back-end. El uso de C# para todo el código simplifica el uso compartido de datos entre el front-end y el back-end, habilita la reutilización de código para acelerar el desarrollo y reduce el mantenimiento.
¿Qué es Blazor Hybrid?
Blazor Hybrid permite a los desarrolladores combinar marcos de cliente nativos de escritorio y móviles con .NET y Blazor.
En una aplicación de Blazor Hybrid, los componentes de Razor se ejecutan de forma nativa en el dispositivo. Los componentes se representan en un control Web View incrustado a través de un canal de interoperabilidad local. Los componentes no se ejecutan en el explorador y WebAssembly no está implicado. Los componentes de Razor cargan y ejecutan código rápidamente, y los componentes tienen acceso total a las funcionalidades nativas del dispositivo a través de la plataforma .NET.
¿Qué es .NET MAUI?
.NET Multi-platform App UI (.NET MAUI) es un marco multiplataforma para crear aplicaciones móviles y de escritorio nativas con C# y XAML. Con .NET MAUI, puede desarrollar aplicaciones que se pueden ejecutar en Android, iOS, macOS y Windows desde una sola base de código compartida. Uno de los objetivos clave de .NET MAUI es permitirle implementar la mayor parte de la lógica de la aplicación y el diseño de la interfaz de usuario en una única base de código. .NET MAUI unifica las API de Android, iOS, macOS y Windows en una sola API que permite una experiencia de desarrollador que se ejecuta en cualquier lugar y de solo una escritura, a la vez que proporciona acceso profundo a todos los aspectos de cada plataforma nativa.
Aplicaciones Blazor Hybrid con .NET MAUI
La compatibilidad de Blazor Hybrid está integrada en el marco de .NET MAUI. .NET MAUI incluye el control BlazorWebView que permite representar componentes de Razor en una vista web incrustado. Al usar .NET MAUI y Blazor juntos, puede reutilizar un conjunto de componentes de interfaz de usuario web en aplicaciones web, de escritorio y móviles.
Requisitos para el desarrollo Blazor Hybrid
Puede compilar aplicaciones de Blazor Hybrid mediante la versión más reciente de Visual Studio 2022 o Visual Studio Code (con el SDK de .NET, la carga de trabajo de .NET MAUI, la extensión del kit de desarrollo de C# y la extensión MAUI de .NET instaladas). En este módulo, usaremos Visual Studio 2022 o Visual Studio Code para compilar nuestra aplicación de Blazor Hybrid.
Sea cual sea el entorno de desarrollo, debe instalar la carga de trabajo de .NET MAUI para asegurarse de que el SDK y las herramientas de .NET 8.0 están disponibles en Visual Studio. Después de la instalación, tendrá todo lo que necesita para empezar a compilar aplicaciones de Blazor Hybrid. En el siguiente ejercicio, creará su primera aplicación de Blazor Hybrid con Visual Studio 2022.