Partager via

Introduction à Microsoft Edge WebView2

  • Article

Le contrôle Microsoft Edge WebView2 vous permet d'intégrer des technologies Web (HTML, CSS et JavaScript) dans vos applications natives. Le contrôle WebView2 utilise Microsoft Edge comme moteur de rendu pour afficher le contenu web dans les applications natives.

Avec WebView2, vous pouvez incorporer du code web dans différentes parties de votre application native ou créer l’ensemble de l’application native au sein d’une instance WebView2 unique.

Diagramme d’une application avec des zones d’interface utilisateur natives à gauche et en haut à gauche, et des zones d’interface utilisateur WebView2 en haut à droite et en bas

Approche hybride des applications

Les développeurs doivent souvent choisir entre créer une application web ou une application native. Cette décision s’articule autour du compromis entre la portée et la puissance :

  • Les applications web permettent d'atteindre un large public. En tant que développeur Web, vous pouvez réutiliser la plupart de vos codes sur différentes plateformes.

  • Pour accéder à toutes les fonctionnalités puissantes d’une plateforme native, utilisez une application native.

Le diagramme suivant illustre la gamme d’applications, de la portée maximale à la puissance maximale :

Le spectre des applications, de la portée maximale mais moins de puissance, à un mélange hybride optimal, à la puissance maximale mais à la portée inférieure

  • La portée étendue inclut les sites web et les applications web progressives.

  • Au milieu se trouvent des applications hybrides, telles que WebViews et Electron.

  • La puissance maximale est les applications natives.

Les applications hybrides, au milieu de ce spectre, vous permettent de profiter du meilleur des deux mondes : l’ubiquité et la puissance de la plateforme web, combinées avec la puissance et les fonctionnalités complètes de la plateforme native.

Avantages de WebView2

  • Écosystème web et compétences. Utiliser l'ensemble de la plateforme web, des bibliothèques, des outils et des talents qui existent au sein de l'écosystème web.

  • Innovation rapide. Le développement web permet un déploiement et une itération plus rapides.

  • Windows 10 et 11. Prise en charge d’une expérience utilisateur cohérente entre Windows 10 et Windows 11.

  • Capacités natives. Accédez à l'ensemble des API natives.

  • Partage de code. L'ajout de code web à votre base de code permet une réutilisation accrue sur plusieurs plateformes.

  • Support Microsoft. Microsoft fournit un support et ajoute de nouvelles demandes de fonctionnalités sur les plateformes prises en charge.

  • Distribution Evergreen. Faites confiance à une version actualisée de Chromium avec des mises à jour régulières de la plateforme et des correctifs de sécurité.

  • Distribution de version fixe. Vous avez la possibilité de packager une version spécifique Chromium bits dans votre application.

  • Adoption progressive. Ajoutez des composants web élément par élément à votre application.

Plateformes prises en charge

Les environnements de programmation suivants sont pris en charge :

  • Win32 C/C++
  • .NET Framework 4.6.2 ou version ultérieure
  • .NET Core 3.1 ou ultérieur
  • .NET 5 ou version ultérieure
  • WinUI 2.0
  • WinUI 3.0

Les applications WebView2 peuvent s’exécuter sur les versions de Windows suivantes :

  • Windows 11
  • Windows 10
  • Windows 10 IoT Entreprise LTSC x32 2019
  • Windows 10 IoT Entreprise LTSC x64 2019
  • Windows 10 IoT Entreprise 21h1 x64
  • Windows Server 2022
  • Windows Server 2019
  • Windows Server 2016

WebView2 est également pris en charge sur les appareils suivants :

  • Xbox
  • HoloLens 2

Windows 7 et 8

WebView2 Runtime version 109 est la version finale qui prend en charge les versions suivantes de Windows. Le runtime WebView2 et les versions 110.0.1519.0 et ultérieures ne prennent pas en charge ces systèmes d’exploitation.

  • Windows 8/8.1
  • Windows 7
  • Windows Server 2012 R2
  • Windows Server 2012
  • Windows Server 2008 R2

Voir aussi :

Séquence d’exemples à installer et à exécuter

Pour commencer à apprendre WebView2, utilisez la séquence recommandée suivante :

  1. Installez Visual Studio, installez les canaux en préversion de Microsoft Edge et clonez le WebView2Samples référentiel. Consultez Configurer votre environnement de développement pour WebView2.
  2. Installez et exécutez l’exemple main. Consultez Exemple d’application Win32.
  3. Installez et exécutez l’exemple pour votre plateforme cible, s’il s’agit d’une plateforme autre que Win32. Consultez Exemples d’applications.
  4. Installez et exécutez le tutoriel terminé Prise en main pour votre plateforme cible (si le projet terminé est fourni). Consultez Prise en main tutoriels.
  5. Effectuez les étapes Prise en main pour ajouter du code WebView2 au projet de démarrage Visual Studio pour votre plateforme. Consultez Prise en main tutoriels.

Certains exemples peuvent nécessiter la mise à jour d’un Kit de développement logiciel (SDK), comme expliqué dans l’article pour chaque exemple.

Une fois votre environnement configuré et les exemples générés et exécutés sur votre ordinateur, vous pouvez développer votre application en lisant l’autre documentation, telle que Vue d’ensemble des API WebView2.

Voir également

developer.microsoft.com :

Microsoft.com :

Youtube: