INTRODUCTION
« Dans le paysage en évolution rapide du développement d'applications de bureau, Microsoft Teams a récemment opéré un changement significatif dans sa technologie sous-jacente. Les deux applications, initialement construites sur le framework Electron, sont passées à l’utilisation du contrôle WebView2 de Microsoft. Cette décision marque un changement crucial, offrant des améliorations notables en termes de performances, d’intégration et d’expérience utilisateur. Dans ce blog, nous explorerons pourquoi cette migration est importante et ce qu'elle signifie pour les développeurs et les utilisateurs.

Aperçu direct de Rish Tandon

Dans un tweet, Rish Tandon, PDG de Microsoft Teams, a souligné l'importance de cette transition :
"Avec ce changement, nous franchissons une étape majeure dans l'architecture #MicrosoftTeams. Nous passons d'Electron à Edge WebView2. Teams continuera à rester une application hybride mais elle sera désormais alimentée par #MicrosoftEdge. De plus, Angular a disparu. Nous sommes désormais à 100% sur WebView2."

Aperçu de l'architecture

Modèle de processus ElectronJS :

Electron est un framework qui vous permet de créer des applications de bureau multiplateformes en encapsulant une application Web. Il sert de pont entre l'application Web et l'environnement de bureau, gérant les interactions telles que l'affichage de fenêtres contextuelles ou la réponse aux connexions des appareils. Alors qu'Electron gère l'interface avec le bureau, les fonctionnalités de base de l'application sont implémentées en JavaScript.

Modèle de processus de candidature basé sur WebView2 :

WebView2 est un contrôle polyvalent similaire à une zone de texte ou à un bouton, mais conçu pour restituer des expériences de page Web à l'aide du moteur Chromium intégré à Edge. Il remplace l'ancien contrôle WebView, qui lui-même a remplacé le contrôle Web Browser de l'ère Win32. Alors que WebView utilisait le moteur de rendu Edge (Trident) d'origine et était limité à Windows 10, WebView2 utilise le moteur Edge mis à jour et est compatible avec une gamme plus large de plates-formes Windows.

Résumé rapide :

Pourquoi le passage d'Electron JS à WebView2 ?

Raisons de transition

Améliorations des performances : WebView2 est plus léger et plus rapide qu'Electron, ce qui entraîne une utilisation réduite de la mémoire et des temps de chargement plus rapides.
Meilleure intégration avec Windows : WebView2 s'intègre parfaitement à Windows, améliorant ainsi les performances et l'expérience utilisateur.
Surcharge réduite : WebView2 est moins gourmand en ressources, évitant ainsi la nécessité de regrouper une instance complète du navigateur Chromium, ce qui réduit l'empreinte de l'application.
Sécurité améliorée : WebView2 bénéficie de mises à jour de sécurité continues pour Microsoft Edge, offrant un environnement plus sécurisé qu'Electron.

Résultats de transition

Performance:
Utilisation de la mémoire : WebView2 réduit considérablement la consommation de mémoire, ce qui conduit à des performances plus fluides.
Temps de chargement : Temps de chargement et taux de réponse plus rapides grâce à un rendu optimisé et une surcharge réduite.

Expérience utilisateur :
Stabilité : Stabilité améliorée avec moins de plantages et de bugs.
Interface utilisateur : Interface plus réactive et interactions plus fluides.

Intégration et compatibilité :
Fonctionnalités Windows : Intégration améliorée avec les fonctionnalités Windows telles que les notifications et la gestion des fichiers.
Mises à jour des applications : Mises à jour simplifiées grâce au mécanisme de mise à jour d'Edge.

Impact sur les développeurs :
Efficacité du développement : Cadre rationalisé et meilleurs outils de débogage.
Maintenance du code : Maintenance plus facile avec une gestion standardisée du contenu Web.

Sécurité:
Sécurité améliorée : Protection améliorée contre les vulnérabilités grâce aux fonctionnalités de sécurité d'Edge.

Ce que cela signifie pour les développeurs et les utilisateurs

Pour les développeurs :
Complexité de la transition : La migration d'Electron vers WebView2 implique de retravailler l'architecture de l'application. Les développeurs doivent remplacer les fonctionnalités spécifiques à Electron par des équivalents WebView2, ce qui nécessite souvent des changements importants dans la façon dont le contenu Web est géré et dans la façon dont la communication entre le code natif et le contenu Web est gérée.
Nouvelles opportunités : WebView2 ouvre de nouvelles possibilités d'intégration avec les fonctionnalités natives de Windows et d'exploitation des dernières normes Web. Les développeurs peuvent explorer ces opportunités pour améliorer davantage leurs applications et proposer des fonctionnalités plus puissantes.

Pour les utilisateurs :
Performances améliorées : Les utilisateurs bénéficieront d'applications plus rapides et plus réactives. Ceci est particulièrement avantageux pour les applications très demandées telles que Microsoft Teams, qui s'appuient sur une communication en temps réel et gèrent des tâches de conception complexes.
Expérience transparente : Grâce à une meilleure intégration dans l'environnement Windows, les utilisateurs peuvent s'attendre à une expérience plus cohérente et fluide. Cela inclut des interactions plus fluides avec le système d'exploitation et une prise en charge améliorée des fonctionnalités spécifiques à Windows.

Conclusion

La migration de Microsoft Teams d'Electron JS vers WebView2 marque un changement clé vers de meilleures performances, une meilleure intégration et une meilleure adhésion aux normes Web modernes. Ce changement met en évidence une tendance à l'optimisation des applications de bureau pour améliorer l'expérience utilisateur et la sécurité. À mesure que la technologie évolue, nous pouvons nous attendre à ce que davantage d’applications adoptent des avancées similaires, démontrant ainsi comment les mises à jour stratégiques peuvent stimuler l’innovation et améliorer les outils quotidiens.