Sables de MAUI : numéro 105

Bienvenue dans Sands of MAUI, des numéros de style newsletter dédiés à rassembler les derniers contenus .NET MAUI pertinents pour les développeurs.

Une particule de sable, minuscule et inoffensive. Mais mettez beaucoup de particules de sable ensemble et nous avons quelque chose de grand, une force avec laquelle il faut compter. Ce sont les plus petits grains de sable qui s’additionnent souvent pour former des plages massives, des dunes et des déserts.

La plupart des développeurs .NET sont enthousiasmés par l’interface utilisateur de l’application multiplateforme .NET (.NET FIXE)—l’évolution de l’expérience de développement multiplateforme .NET moderne. À l’avenir, les développeurs bénéficieront de la pile technologique .NET MAUI et des outils pour créer des applications multiplateformes natives pour mobile/ordinateur de bureau à partir d’une seule base de code partagée.

Bien que cela puisse prendre un long vol pour atteindre les sables de l’île de MAUI, l’enthousiasme des développeurs autour de .NET MAUI est assez palpable avec tout le contenu créé. Comme les grains de sable, chaque actualité/article/documentation/vidéo/tutoriel/livestream contribue aux connaissances des développeurs dans .NET MAUI et nous développons une communauté/écosystème désireux d’apprendre et d’aider.

Sands of MAUI est une humble tentative de rassembler toutes les merveilles de .NET MAUI en un seul endroit. Voici ce qui est remarquable pour la semaine du 29 mai 2023:

État de .NET MAUI

.NET MAUI a démocratisé le développement multiplateforme .NET : une seule base de code partagée alimente les applications modernes sur les plates-formes mobiles ou de bureau. L’évolution de .NET MAUI a été continue avec les mises à jour du framework/des outils, et la conférence Microsoft Build était la configuration idéale pour examiner l’état de .NET MAUI en tant que produit et écosystème.

Le duo complémentaire habituel de Maddy Montaquila et David Ortinau a fait une merveilleuse session à Build—tout ce qui concerne le développement de clients et d’applications mobiles avec .NET MAUI.

Tous les regards étaient tournés vers Build la semaine dernière – la principale conférence des développeurs de Microsoft s’est déroulée à la fois virtuellement et en personne à Seattle. Maddy et David ont commencé avec des vitrines de partenaires – rend les choses réelles lorsque les entreprises et les développeurs voient des histoires de réussite avec .NET MAUI. Les chiffres d’adoption et de contribution semblent bons pour .NET MAUI, et l’accent mis sur l’amélioration de la stabilité est visible. L’écosystème autour de .NET MAUI est plutôt riche maintenant – les développeurs ne manquent pas de munitions pour réussir.

Maddy et David ont couvert une grande partie des nouveautés de .NET MAUI – mises à jour des outils, améliorations du bureau, ajustement des performances et feuille de route à venir avec .NET 8. L’état de .NET MAUI est solide et l’histoire s’améliore à partir de maintenant – bravo .

Tunnels de développement Visual Studio

Les applications clientes modernes, y compris les applications mobiles/de bureau écrites avec .NET MAUI, ne vivent pas en silo. La réalité est que les applications clientes interagissent souvent avec un service backend hébergé sur un serveur, que ce soit pour les données, les API, l’authentification ou divers autres besoins. Pour les développeurs qui construisent ensemble le backend et l’application cliente, atteindre le service côté serveur hébergé sur Localhost a été gênant – la solution consiste essentiellement à ouvrir en toute sécurité un port sur Localhost à utiliser en dehors de la machine.

Il existe une aide sous la forme de tunnels de développement Visual Studio et Gérald Versluis produit une excellente vidéo—connectez n’importe quel client, n’importe où à localhost avec Visual Studio Dev Tunnels.

Gerald commence par le cas d’utilisation classique : une application .NET MAUI utilisant une API REST locale hébergée sur Localhost. Les déploiements sur des simulateurs ou appareils iOS/Android échouent immédiatement : Localhost n’est pas local sur les simulateurs/appareils. Les tunnels de développement Visual Studio peuvent exposer .NET ou toute autre application exécutée sur Localhost au monde extérieur. Cela se fait en toute sécurité après la connexion de l’utilisateur avec des URL aléatoires temporaires. Les tunnels de développement Visual Studio peuvent honorer les certificats locaux pour exposer les points de terminaison via HTTPS, ce qui évite aux développeurs d’autoriser manuellement les connexions non sécurisées sur iOS/Android.

Gerald montre comment Visual Studio Dev Tunnels peut permettre aux développeurs de consommer des services hébergés localement en dehors de la machine, avec des outils CLI simples et une visibilité complète sur la façon dont les points de terminaison sont utilisés. La productivité des développeurs pour la victoire.

Dispositions de la zone de sécurité

Les facteurs de forme mobiles modernes s’accompagnent de nombreuses variantes matérielles – parfois, il y a des empiètements dans la zone d’écran visible habituelle. Des exemples courants sont les coins arrondis des appareils, l’indicateur d’accueil ou le boîtier de caméra/capteur, le plus évident étant l’encoche au-dessus des appareils iOS.

Les développeurs qui créent des applications mobiles ont le choix quant à la manière dont l’interface utilisateur de l’application utilise l’espace de l’écran et contourne les zones de sécurité, si elles le souhaitent. Heureusement, .NET MAUI rend cela facile et Léomaris Reyes écrit un merveilleux article—comment gérer les dispositions de zone sécurisée avec .NET MAUI sur iOS.

Leomaris commence par expliquer le guide de mise en page de la zone de sécurité – l’objectif est de ne jamais couper le contenu de l’interface utilisateur d’une application en raison de la conception matérielle. Avec .NET MAUI, chaque page expose une propriété jointe UseSafeArea – le booléen de true signifie qu’une application ne restitue son contenu que dans la zone de sécurité, tandis qu’un false signifie que l’interface utilisateur de l’application s’étend pour occuper tout l’espace disponible. Ce paramètre d’utilisation des zones sécurisées peut être contrôlé avec XAML ou C#, et les développeurs peuvent personnaliser davantage la zone sécurisée en travaillant avec sa valeur d’épaisseur.

Leomaris souligne comment les propriétés de rembourrage peuvent être utilisées avec des configurations spécifiques à la plate-forme pour affiner le rendu de l’interface utilisateur de l’application autour des zones sécurisées. Les développeurs ont le choix de devenir immersif ou de jouer en toute sécurité autour des zones sécurisées sur iOS.

JavaScript avec .NET MAUI

Blazor avec .NET MAUI est une histoire particulièrement intéressante : les développeurs peuvent intégrer les avantages de Blazor pour les applications Web dans les applications mobiles/de bureau natives, tout en partageant le code et avec un accès complet à l’API de la plate-forme native. Cependant, la réalité pour de nombreux développeurs Web est JavaScript, et il y a eu des expériences en cours avec un nouveau HybridWebView au-dessus de .NET MAUI. David Ortinau a fait une session enregistrée intéressante pour Microsoft Build—Angular et ReactJS pour les applications mobiles/de bureau.

L’HybridWebView permet d’intégrer du code d’applications Web modernes dans des applications mobiles/de bureau natives multiplateformes exécutées sur .NET MAUI. L’objectif est de permettre à JavaScript et .NET de se parler de manière transparente. JS/.NET Interop est une histoire merveilleuse qui offre de la flexibilité aux développeurs.

David explique comment les développeurs peuvent intégrer des composants Web individuels ou même des applications entières écrites avec des frameworks JS comme Angular/React et apporter la qualité aux applications .NET MAUI natives, avec un accès complet à l’API de la plate-forme. La démonstration de la vitrine intègre le package HybridWebView NuGet d’Eilon Lipton dans une application .NET MAUI. Tout de suite, le code .NET et JS peuvent se transmettre des messages. David conclut en montrant une interface utilisateur frontale complète basée sur ReactJS qui est intégrée dans une application .NET MAUI. Les technologies Web peuvent permettre à JS/HTML/CSS de peindre l’interface utilisateur de l’application tandis que .NET MAUI fournit des fonctionnalités de plate-forme natives.

L’expérience HybridWebView fournit un pont stable entre .NET et JS et offre une plus grande flexibilité aux développeurs pour apporter la qualité Web aux applications mobiles/de bureau natives.

Animer des applications Windows

Avec les capacités multiplateformes de .NET MAUI, il est parfois facile d’oublier que les développeurs créent en fait des applications très natives et que toutes les capacités de la plate-forme sont à la disposition de l’application. Les développeurs qui créent des applications de bureau Windows avec .NET MAUI peuvent ne pas être au courant de certaines des fonctionnalités d’interface utilisateur proposées. NET MAUI utilise le dernier framework UI/UX pour atteindre Windows.

WinUI a beaucoup d’animations d’interface utilisateur intégrées et Mohammad Hossein Rastegarinia écrit un merveilleux article—animez vos applications .NET MAUI Windows.

Mohammad commence avec l’animation populaire RepositionThemeTransition, qui fonctionne lorsqu’un élément de l’interface utilisateur se déplace, comme lorsqu’un utilisateur redimensionne la fenêtre de l’application ou qu’un changement d’état visuel XAML déclenche l’animation. L’animation peut être ajoutée à n’importe quelle mise en page d’interface utilisateur avec du XAML simple – les résultats sont magiques lorsqu’il s’agit de fenêtres d’application réactives.

Alors que .NET MAUI offre une navigation de page par défaut sur toutes les plates-formes, les développeurs peuvent personnaliser l’animation de la page sur Windows à l’aide de SlideNavigationTransition. Il suffit de le placer dans le dossier de la plate-forme Windows pour une utilisation spécifique à la plate-forme. Merci, Mohammad, d’avoir rappelé aux développeurs la puissance de l’animation de plate-forme native : les applications Windows .NET MAUI peuvent facilement être améliorées avec de délicieux effets visuels.

C’est tout pour le moment.

Nous vous verrons la semaine prochaine avec un contenu plus impressionnant concernant .NET MAUI.

Bravo, développeurs !