Introduction à Microsoft Edge WebView2

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.

Contenu détaillé :

Introduction

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 :

La gamme d’applications, de la portée maximale mais moins d’énergie, à une fusion hybride optimale, à la puissance maximale, mais moins de portée

  • 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.

  • Prise en charge de 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.

Composants de la plateforme WebView2

Pour ajouter WebView2 à votre application, vous devez utiliser le SDK WebView2 sur votre ordinateur de développement et distribuer le runtime WebView2 aux ordinateurs des utilisateurs. Le diagramme suivant montre les composants WebView2 de haut niveau sur votre ordinateur de développement et les ordinateurs de vos utilisateurs.

Application sur la machine de développement et la machine de l’utilisateur

Pour plus de détails, consultez Composants de la plateforme WebView2.

Versions de Windows prises en charge

Les systèmes d’exploitation Windows pris en charge par Webview2 sont les mêmes que ceux pris en charge par Microsoft Edge.

Pour plus d’informations sur les autres systèmes d’exploitation pris en charge, consultez Systèmes d’exploitation pris en charge par Microsoft Edge.

Client Windows

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

  • Windows 10 SAC 1709 et ultérieur
  • Windows 10 Entreprise 2015 LTSC
  • Windows 10 Entreprise 2016 LTSC
  • Windows 10 Entreprise 2019 LTSC
  • Windows 10 Enterprise 2021 LTSC
  • Multi-session Windows 10 Entreprise
  • Windows 10 IoT Entreprise SAC
  • Windows 10 IoT Entreprise 2019 LTSC
  • Windows 10 IoT Entreprise 2021 LTSC
  • Windows 11
  • Windows 11 Entreprise à sessions multiples
  • Windows 11 IoT Entreprise 2024 LTSC

Pour plus d’informations, consultez Client Windows dans Systèmes d’exploitation pris en charge par Microsoft Edge.

Windows Server

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

  • Windows Server 2016 (LTSC)
  • Windows Server 2019 (LTSC)
  • Windows Server 2022
  • Windows Server (SAC)

Pour plus d’informations, consultez Systèmes d’exploitation pris en charge par Windows Server dans Microsoft Edge.

Appareils et environnements de programmation pris en charge

Les environnements de programmation suivants sont pris en charge pour WebView2 :

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

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

  • XBOX
  • HoloLens 2

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 d’aperçu de Microsoft Edge et clonez le WebView2Samples dépôt. Consultez Configurer votre environnement de développement pour WebView2.
  2. Installez et exécutez l’exemple principal. Voir l’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. Voir les exemples d’applications WebView2.
  4. Installez et exécutez le didacticiel de prise en main terminé pour votre plateforme cible (si le projet terminé est fourni). Voir les didacticiels sur la prise en main.
  5. Suivez les étapes de prise en main pour ajouter du code WebView2 au projet de démarrage Visual Studio pour votre plate-forme. Voir les didacticiels sur la prise en main.

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 Présentation des API WebView2.

Voir également

Documents Edge Enterprise :

developer.microsoft.com :

Microsoft.com :

YouTube :

  • Dernière mise à jour :