Pourquoi créer l’application de bureau avec des composants de Blazor

Apprenez pourquoi l’intégration des composants Blazor dans les applications de bureau est une approche précieuse.

Blazor était autrefois une nouvelle technologie Web prometteuse qui s’est rapidement établie, et aujourd’hui, c’est un choix viable pour les développeurs .NET pour créer des applications Web modernes, robustes et flamboyantes.

Aujourd’hui, Blazor est principalement associé au développement Web. Alors que dans son cœur Blazor est une technologie Web, vous pouvez faire bien plus avec lui que de créer uniquement des applications Web.

Dans cet article, je mettrai en évidence des scénarios où l’utilisation de composants Blazor dans un environnement de bureau (WPF, WinForms ou .NET MAUI) peut être une décision stratégique que vous devez familiariser et quels avantages apportent cette approche.

Le modèle de composant Blazor

Lorsque vous discutez de la raison pour laquelle vous pourriez envisager d’utiliser des composants Blazor dans une application de bureau, nous ne pouvons pas contourner le Modèle de composants de blazor.

Sa syntaxe simpliste, l’option d’utiliser HTML et CSS pour définir l’interface utilisateur, et l’architecture axée sur les composants, qui est intrinsèquement modulaire et fournit un cycle de vie robuste et efficace, sont des avantages que vous ne pouvez pas négliger.

Les technologies de bureau ont souvent leur propre façon distinctive de définir une interface utilisateur. Nous avons moins de choix de composants prédéfinis, et la réutilisation des composants pour différents types d’applications est généralement impossible.

Un composant de profil utilisateur développé en tant que composant Blazor pour une application interne peut être réutilisé dans une application de bureau existante orientée client. L’ajout de nouvelles fonctionnalités aux applications existantes (avec différentes technologies) devient plus simple.

Cas d’utilisation pratique: vous pouvez réutiliser directement les services C # existants dans les composants de Blazor (serveur Blazor) ou via une API (Blazor WebAssembly). Vous pouvez partager des composants Blazor entre différentes applications et types d’applications.

L’intégration entre Blazor et Desktop

L’intégration des composants Blazor dans les applications de bureau nécessite à l’aide d’un composant hôte basé sur un navigateur.

Par exemple, le Composant WebView2 Peut être installé à partir d’un package NuGet pour ajouter la prise en charge du composant Blazor à une application de bureau WinForms existante.

En savoir plus sur l’intégration des composants de Blazor avec WinForms à partir d’un guide étape par étape.

Cas d’utilisation pratique: ajoutez un package NuGet pour intégrer les composants du blazor dans les applications WinForms existantes.

Pourquoi le bureau compte toujours – et pourquoi Blazor aide

Il existe des raisons valables pour lesquelles les développeurs continueront de maintenir des applications de bureau ou même de démarrer de nouveaux projets ciblant une application de bureau native.

Quelques industries continuent d’utiliser fortement les applications de bureau, notamment la finance, l’ingénierie et les soins de santé.

Les principaux avantages des applications de bureau sont:

• Performances locales et moins de ressources de serveur à gérer
• Accès aux fonctionnalités natives
• Support hors ligne
• Mises à jour hors ligne

Avec Blazor, nous avons des solutions pour les trois premiers points ci-dessus. Nous pouvons utiliser Blazor WebAssembly, qui utilise principalement les ressources locales. Nous pouvons utiliser des fonctionnalités Web modernes pour accéder aux ressources locales telles qu’une caméra. Et avec Applications Web progressivesnous pouvons implémenter un support hors ligne.

Les technologies de bureau comme WinForms ou WPF ont environ 20 ans. Leur définition de l’interface utilisateur n’est pas aussi flexible et moderne que HTML et CSS.

Si vous souhaitez mettre vos composants nouvellement implémentés à la disposition du plus de types d’applications que possible, les implémenter en tant que composants Blazor est une excellente option.

Alors que certaines technologies de bureau peuvent être limitées d’une manière ou d’une autre, Blazor vous offre le monde des technologies Web standard, HTML et CSS, y compris tous les frameworks CSS de bas niveau disponible Telerik UI pour Blazor.

Cas d’utilisation pratique: le composant Blazor peut être (re) utilisé pour les applications Web, de bureau et mobiles. Vos investissements à l’épreuve. Vous pouvez même créer de nouvelles applications de bureau en utilisant .NET Maui et utiliser principalement des composants Blazor pour les construire.

Réutiliser les investissements existants sur le blazor

Nous pouvons le regarder sous un angle différent. Supposons que vous ayez quelques applications de bureau plus anciennes et quelques applications Web plus récentes basées sur Blazor. Vous pouvez moderniser les applications de bureau en ajoutant des composants Blazor créés pour les applications Web.

Par exemple, vous pouvez implémenter un système de gestion de formulaire à l’aide de Telerik UI pour Blazor ou d’autres contrôles avec une vaste prise en charge pour la validation des entrées et les commentaires des utilisateurs modernes.

Vous pouvez présenter ces nouveaux composants aux applications de bureau existantes étape par étape et les moderniser sans avoir à réécrire toute l’application dans une migration massive. Avec ce processus, vous fournissez en permanence de la valeur et prenez moins de risques.

Cas d’utilisation pratique: réduire le risque avec une modernisation étape par étape d’une application de bureau existante par rapport à une réécriture complète coûteuse et durable.

Pièges ou gatchas communs

Les applications de bureau ont traditionnellement des temps de démarrage plus longs par rapport aux applications Web modernes. Nous ajoutons potentiellement plus de retard en intégrant des composants supplémentaires et en tirant parti du composant WebView2.

Lors de l’introduction de composants Blazor dans une application de bureau existante, nous devons étudier de manière critique et potentiellement améliorer l’expérience utilisateur. Les composants du blazor semblent et se sentent différents des composants WinForms.

Nous devons l’atténuer en adaptant les composants du blazor aux motifs d’interface utilisateur existants et en utilisant le même espacement et les mêmes couleurs pour les composants. Heureusement, nous pouvons le faire avec CSS relativement facilement.

En tirant intelligemment en tirant une injection de dépendance, nous pouvons injecter différentes implémentations pour une application Web et de bureau si nous avons besoin d’un comportement différent.

Cas d’utilisation pratique: dans les composants Web, nous utilisons souvent des liens (balise d’ancrage HTML) pour naviguer vers une autre page, tandis que dans les applications de bureau, nous utilisons généralement des boutons. Nous pouvons tenir compte de ces situations avec une bonne architecture d’arbre de composants et adapter les composants du blazor aux applications de bureau à l’aide de CSS.

Quand choisir ce chemin

Rien n’est parfait, et les composants du blazor non plus. Parlons des cas d’utilisation qui correspondent parfaitement à une stratégie de modernisation avec des composants Blazor:

Les outils internes ou les panneaux d’administration n’ont souvent pas les mêmes exigences pour l’apparence cohérente de l’application. La vitesse de développement et le coût sont plus importants que d’obtenir les 20% des derniers% de la convivialité ou de l’expérience utilisateur.

Si vous avez du mal à trouver de nouveaux développeurs pour maintenir vos applications WinForms ou WPF, l’intégration des composants de Blazor vous aide à attirer de nouveaux talents avec une expérience avec HTML et CSS.

Cependant, les applications nécessitant des API natives à ultra-bas ou des bibliothèques spécifiques à la plate-forme, vous voudrez peut-être vous en tenir à une technologie d’application de bureau testée et fiable.

Utilisez des technologies Web telles que des applications Web Blazor ordinaires sur .NET MAUI ou des technologies de bureau tout aussi complexes pour des applications simples et petites.

Conclusion

En tant que développeur qui a travaillé sur le développement de bureau et Web, j’aime la polyvalence des composants Blazor et son modèle de composants moderne, robuste et flexible.

Il vous permet de mettre à niveau une application de bureau .NET existante avec de nouveaux composants, et vous pourrez partager des composants entre les applications Web nouvellement écrites et les anciennes applications de bureau .NET.

Vous pouvez utiliser Blazor pour créer de nouvelles applications ou améliorer les applications .NET existantes.

Blazor est un pont stable entre les différents mondes du développement .NET, y compris le développement d’applications Web, mobile et de bureau.

Vous pouvez économiser des heures, des jours ou des semaines en partageant des composants entre différentes applications et en utilisant des normes Web modernes pour implémenter les interfaces utilisateur par rapport aux langages d’interface utilisateur spécifiques à la technologie, tels que WPF ou d’autres outils à saveur de XAML.

Si vous voulez en savoir plus sur le développement du blazor, vous pouvez regarder mon Cours crash gratuit du blazor sur YouTube. Et restez à l’écoute du blog Telerik pour en savoir plus Bases du blazor.