Introdução ao Microsoft Edge WebView2

O Microsoft Edge WebView2 permite que você insira tecnologias da Web \(HTML, CSS e JavaScript\) nos seus aplicativos nativos. O controle WebView2 usa Microsoft Edge como mecanismo de renderização para exibir o conteúdo da Web em aplicativos nativos.

Com o WebView2, você pode incorporar código da Web em diferentes partes do seu aplicativo nativo ou criar todo o aplicativo nativo em uma única instância do WebView2.

Diagrama de um aplicativo com áreas de interface do usuário nativas à esquerda e no canto superior esquerdo e áreas de interface do usuário do WebView2 no canto superior direito e inferior

Abordagem de aplicativo híbrido

Geralmente, os desenvolvedores devem decidir entre criar de um aplicativo Web ou um aplicativo nativo. Essa decisão depende da troca entre alcance e potência:

  • Os aplicativos Web permitem um amplo alcance. Como desenvolvedor da Web, você pode reutilizar a maior parte do seu código em diferentes plataformas.

  • Para acessar todos os recursos avançados de uma plataforma nativa, utilize um aplicativo nativo.

O diagrama a seguir mostra o espectro de aplicativos, do alcance máximo a potência máxima:

O espectro de aplicativos, desde o alcance máximo, mas com menos energia, até uma combinação híbrida ideal, até a potência máxima, mas com menos alcance

  • O alcance amplo inclui sites e Aplicativos Web Progressivos.

  • No meio estão aplicativos híbridos, tais como WebViews e Electron.

  • O máximo de potência é de aplicativos nativos.

Aplicativos híbridos, no meio desse espectro, permitem que você aproveite o melhor dos dois mundos: a onipresença e a força da plataforma Web, combinadas com a potência e os recursos completos da plataforma nativa.

Benefícios do WebView2

  • Ecossistema e conjunto de habilidades da Web. Use a plataforma da Web, bibliotecas, ferramentas e talentos existentes no ecossistema da Web.

  • Inovação rápida. O desenvolvimento da Web permite maior rapidez na implantação e iteração.

  • Suporte para Windows 10 e 11. Suporte para uma experiência do usuário consistente no Windows 10 e no Windows 11.

  • Funcionalidades nativas. Acesse o conjunto completo de APIs nativas.

  • Compartilhamento de código. Adicionar códigos da Web a sua base de códigos permite maior reuso através de várias plataformas.

  • Suporte da Microsoft. A Microsoft fornece suporte e adiciona novas solicitações de recursos em plataformas com suporte.

  • Distribuição Evergreen. Conte com uma versão atualizada do Chromium com atualizações de plataforma regulares e patches de segurança.

  • Distribuição de versão fixa. Opcionalmente, empacote uma versão específica dos bits do Chromium em seu aplicativo.

  • Adoção incremental. Adicione componentes da Web peça por parte ao seu aplicativo.

Versões do Windows com suporte

Os sistemas operacionais Windows com suporte no Webview2 são os mesmos com suporte no Microsoft Edge.

Para obter mais informações sobre outros sistemas operacionais com suporte, consulte Sistemas operacionais com suporte do Microsoft Edge.

Windows Client

Os aplicativos WebView2 podem ser executados nas seguintes versões do Windows Client:

  • Windows 10 SAC 1709 e posterior
  • Windows 10 Enterprise 2015 LTSC
  • Windows 10 Enterprise 2016 LTSC
  • Windows 10 Enterprise 2019 LTSC
  • Windows 10 Enterprise 2021 LTSC
  • Windows 10 Enterprise com várias sessões
  • SAC do Windows 10 IoT Enterprise
  • Windows 10 IoT Enterprise 2019 LTSC
  • Windows 10 IoT Enterprise 2021 LTSC
  • Windows 11
  • Windows 11 Enterprise com várias sessões
  • Windows 11 IoT Enterprise 2024 LTSC

Para obter detalhes, consulte Cliente Windows em Sistemas Operacionais com suporte do Microsoft Edge.

Windows Server

Os aplicativos WebView2 podem ser executados nas seguintes versões do Windows Server:

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

Para obter detalhes, consulte Sistemas operacionais com suporte doWindows Server no Microsoft Edge.

Dispositivos e ambientes de programação compatíveis

Os seguintes ambientes de programação são compatíveis com o WebView2:

  • Win32 C/C++
  • .NET Framework 4.6.2 ou mais recente
  • .NET Core 3.1 ou mais recente
  • .NET 5 ou posterior
  • WinUI 2.0
  • WinUI 3.0

Além dos dispositivos Windows, o WebView2 também é compatível com os seguintes dispositivos:

  • XBOX
  • HoloLens 2

Sequência de exemplos para instalar e executar

Para começar a aprender o WebView2, use a seguinte sequência recomendada:

  1. Instale o Visual Studio, instale canais de visualização do Microsoft Edge e clone o WebView2Samples repositório. Consulte Configurar seu ambiente de desenvolvimento para WebView2.
  2. Instale e execute o exemplo principal. Consulte o aplicativo de exemplo Win32.
  3. Instale e execute o exemplo para sua plataforma de destino, se for uma plataforma diferente do Win32. Consulte os aplicativos de exemplo do WebView2.
  4. Instale e execute o tutorial de Introdução concluído para sua plataforma de destino (se o projeto concluído for fornecido). Consulte os tutoriais de Introdução.
  5. Siga as etapas de Introdução para adicionar o código WebView2 ao projeto inicial do Visual Studio para sua plataforma. Consulte os tutoriais de Introdução.

Alguns exemplos podem exigir a atualização de um SDK, conforme explicado no artigo para cada exemplo.

Depois que seu ambiente for configurado e os exemplos compilados e executados em seu computador, você poderá desenvolver seu aplicativo lendo a outra documentação, como Visão geral das APIs do WebView2.

Consulte também

Documentos corporativos do Edge:

developer.microsoft.com:

Microsoft.com:

YouTube:

  • Last updated on