Compartilhar via

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

Versões suportadas do Windows

Os sistemas operativos Windows suportados pelo Webview2 são os mesmos suportados pelo Microsoft Edge.

Windows Client

As aplicações WebView2 podem ser executadas nas seguintes versões do Cliente Windows:

  • 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
  • Windows 10 IoT Enterprise SAC
  • Windows 10 IoT Enterprise 2019 LTSC
  • Windows 11
  • Windows 11 Enterprise várias sessões

Para obter detalhes, consulte Windows Client in Microsoft Edge supported Operating Systems (Cliente Windows nos Sistemas Operativos suportados pelo Microsoft Edge).

Windows Server

As aplicações WebView2 podem ser executadas 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 Windows Server em Sistemas Operativos suportados pelo Microsoft Edge.

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 Server 2008 R2
  • Windows Server 2012
  • Windows Server 2012 R2
  • Windows 7
  • Windows 8/8.1

Consulte também:

Dispositivos e ambientes de programação suportados

Os seguintes ambientes de programação são suportados para WebView2:

  • 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

Além dos dispositivos Windows, o WebView2 também é suportado nos seguintes dispositivos:

  • Xbox
  • HoloLens 2

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

Documentos do Edge Enterprise:

developer.microsoft.com:

Microsoft.com:

YouTube: