Qu’est-ce que Blazor Hybrid ?

Effectué

Les sociétés qui génèrent des applications web et des applications clientes recrutent généralement des développeurs assurant différents rôles. Certains créent la logique back-end côté serveur. D’autres génèrent des applications web côté client. D’autres créent des applications clientes natives pour les plateformes mobiles et de bureau. Ces développeurs utilisent souvent des technologies et des langages de développement différents.

C# et .NET représentent des choix très courants pour la génération de la logique côté serveur. Les applications web côté client sont souvent créées avec des infrastructures d’interface utilisateur web à l’aide de JavaScript. En ce qui concerne les applications clientes natives pour les appareils de bureau et mobiles, plusieurs options sont disponibles, notamment pour .NET et C#. L’utilisation de plusieurs langages et ensembles d’outils nécessite une diversité de compétences et implique souvent deux équipes distinctes. De plus, le code permettant de transférer et de représenter les données doit être créé dans les deux langages et toujours synchronisé. Blazor Hybrid peut simplifier les tâches, le code et les processus de votre équipe de développement en vous permettant d’utiliser vos compétences et votre code existants dans la compilation d’applications web en C# et .NET pour créer des applications clientes natives à l’aide de ces mêmes technologies.

Dans cette unité, vous allez commencer par une présentation de Blazor Hybrid, .NET MAUI et des composants Razor.

Qu’est-ce que Blazor ?

Les applications Blazor incluent des composants d’interface utilisateur web réutilisables créés avec C#, HTML et CSS. Avec Blazor, les développeurs peuvent créer du code client et serveur avec C#. Ils peuvent aussi partager du code et des bibliothèques avec le code client front-end et la logique back-end. L’utilisation de C# pour l’ensemble du code simplifie le partage de données entre le front-end et le back-end, active la réutilisation du code pour accélérer le développement et réduit la maintenance.

Qu’est-ce que Blazor Hybrid ?

Blazor Hybrid permet aux développeurs de combiner des frameworks clients natifs pour les appareils de bureau et mobiles avec .NET et Blazor.

Dans une application Blazor Hybrid, les composants Razor s’exécutent en mode natif sur l’appareil. Les composants s’affichent dans un contrôle Affichage web incorporé via un canal d’interopérabilité local. Les composants ne s’exécutent pas dans le navigateur et WebAssembly n’est pas impliqué. Les composants Razor chargent et exécutent rapidement du code et les composants ont un accès total aux fonctionnalités natives de l’appareil via la plateforme .NET.

Ce diagramme illustre l’architecture Blazor Hybrid.

Qu’est-ce que .NET MAUI ?

L’interface utilisateur d’application multiplateforme .NET (.NET MAUI) est une infrastructure multiplateforme permettant de créer des applications mobiles et de bureau natives avec C# et XAML. À l’aide de .NET MAUI, vous pouvez développer des applications qui peuvent s’exécuter sur Android, iOS, macOS et Windows à partir d’une seule codebase partagée. L’objectif clé de .NET MAUI est de vous permettre d’implémenter autant de logiques d’application et de dispositions d’interface utilisateur que possible dans une seule codebase. .NET MAUI unifie les API Android, iOS, macOS et Windows dans une seule API qui permet aux développeurs d’écrire du code une fois pour l’exécuter ensuite où ils veulent, tout en fournissant un accès à chaque aspect de chaque plateforme native.

Diagramme montrant l’architecture .NET MAUI.

Applications Blazor Hybrid avec .NET MAUI

La prise en charge de Blazor Hybrid est intégrée à l’infrastructure .NET MAUI. .NET MAUI inclut le contrôle BlazorWebView qui permet d’afficher les composants Razor dans une vue web incorporée. En utilisant .NET MAUI et Blazor ensemble, vous pouvez réutiliser un ensemble de composants d’interface utilisateur sur mobiles, bureau et web.

Exigences de développement Blazor Hybrid

Vous pouvez créer des applications Blazor Hybrid à l’aide de la dernière version de Visual Studio 2022 ou de Visual Studio Code (avec le kit de développement logiciel (SDK) .NET, la charge de travail .NET MAUI, l’extension C# du kit de développement et l’extension .NET MAUI installée). Dans ce module, nous allons utiliser Visual Studio 2022 ou Visual Studio Code pour générer notre application Blazor Hybrid.

Quel que soit votre environnement de développement, vous devez installer la charge de travail .NET MAUI pour vous assurer que le Kit de développement logiciel (SDK) .NET 8.0 et les outils sont disponibles dans Visual Studio. Après l’installation, vous aurez tout ce dont vous avez besoin pour commencer à générer des applications Blazor Hybrid. Vous allez générer votre première application Blazor Hybrid dans l’exercice suivant.