Compartilhar via

Introdução ao Microsoft Edge WebView2

  • Artigo

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 uma aplicação com áreas de IU nativas à esquerda e superior esquerda e áreas de IU 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 aplicações, desde o alcance máximo, mas menos potência, até uma mistura híbrida ideal, até à potência máxima, mas 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 de Windows 10 e 11. Suporte para uma experiência de utilizador consistente em Windows 10 e 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 novos pedidos de funcionalidades em plataformas suportadas.

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

Plataformas com suporte

São suportados os seguintes ambientes de programação:

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

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

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

O WebView2 também é suportado nos seguintes dispositivos:

  • Xbox
  • HoloLens 2

Windows 7 e 8

WebView2 Runtime versão 109 é a versão final que suporta as seguintes versões do Windows. O WebView2 Runtime e a versão 110.0.1519.0 e superior do SDK não suportam estes sistemas operativos.

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

Consulte também:

Sequência de exemplos para instalar e executar

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

  1. Instale o Visual Studio, instale canais de pré-visualização do Microsoft Edge e clone o WebView2Samples repositório. Consulte Configurar o ambiente Dev para WebView2.
  2. Instale e execute o main exemplo. Veja Win32 sample app (Aplicação de exemplo Win32).
  3. Instale e execute o exemplo para a plataforma de destino, se for uma plataforma diferente do Win32. Veja Aplicações de exemplo.
  4. Instale e execute o tutorial de Introdução concluído para a plataforma de destino (se o projeto concluído for fornecido). Veja Introdução tutoriais.
  5. Efetue os passos Introdução para adicionar código WebView2 ao projeto inicial do Visual Studio para a sua plataforma. Veja Introdução tutoriais.

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

Depois de configurar o ambiente e os exemplos criarem e executarem no seu computador, pode desenvolver a sua aplicação ao ler a outra documentação, como Descrição Geral das APIs webView2.

Consulte também

developer.microsoft.com:

Microsoft.com:

YouTube: