INTRODUÇÃO
“No cenário em rápida evolução do desenvolvimento de aplicativos de desktop, o Microsoft Teams fez recentemente uma mudança significativa em sua tecnologia subjacente. Ambos os aplicativos, que foram inicialmente construídos na estrutura Electron, passaram a usar o controle WebView2 da Microsoft. Esta mudança marca uma mudança fundamental, oferecendo melhorias notáveis ​​no desempenho, integração e experiência do usuário. Neste blog, exploraremos por que essa migração é importante e o que ela significa para desenvolvedores e usuários.

Informação direta de Rish Tandon

Em um tweet, Rish Tandon, CEO do Microsoft Teams, destacou a importância desta transição:
"Com essa mudança, estamos dando um grande passo na arquitetura #MicrosoftTeams. Estamos migrando do Electron para o Edge WebView2. As equipes continuarão sendo um aplicativo híbrido, mas agora serão alimentadas pelo #MicrosoftEdge. Além disso, o Angular se foi. Agora estamos 100% no WebView2."

Visão geral da arquitetura

Modelo de processo ElectronJS:

Electron é uma estrutura que permite criar aplicativos de desktop multiplataforma agrupando um aplicativo da web. Ele serve como uma ponte entre o aplicativo da web e o ambiente de desktop, lidando com interações como mostrar pop-ups ou responder a conexões de dispositivos. Enquanto o Electron gerencia a interface com o desktop, a funcionalidade principal do aplicativo é implementada em JavaScript.

Modelo de processo de aplicativo baseado em WebView2:

WebView2 é um controle versátil semelhante a uma caixa de texto ou botão, mas projetado para renderizar experiências de páginas da web usando o mecanismo Chromium integrado ao Edge. Ele substitui o controle WebView mais antigo, que substituiu o controle Web Browser da era Win32. Embora o WebView usasse o mecanismo de renderização Edge (Trident) original e fosse limitado ao Windows 10, o WebView2 utiliza o mecanismo Edge atualizado e é compatível com uma gama mais ampla de plataformas Windows.

Resumo rápido:

Por que a mudança do Electron JS para o WebView2?

Motivos de transição

Melhorias de desempenho: WebView2 é mais leve e mais rápido que o Electron, levando à redução do uso de memória e tempos de carregamento mais rápidos.
Melhor integração com o Windows: O WebView2 integra-se perfeitamente ao Windows, melhorando o desempenho e a experiência do usuário.
Despesas gerais reduzidas: WebView2 consome menos recursos, evitando a necessidade de agrupar uma instância completa do navegador Chromium, o que reduz o espaço ocupado pelo aplicativo.
Segurança aprimorada: O WebView2 se beneficia de atualizações de segurança contínuas para o Microsoft Edge, oferecendo um ambiente mais seguro do que o Electron.

Resultados da transição

Desempenho:
Uso de memória: WebView2 reduz significativamente o consumo de memória, levando a um desempenho mais suave.
Tempos de carregamento: Tempos de carregamento mais rápidos e taxas de resposta mais rápidas devido à renderização otimizada e sobrecarga reduzida.

Experiência do usuário:
Estabilidade: Estabilidade aprimorada com menos falhas e bugs.
Interface do usuário: Interface mais responsiva e interações mais suaves.

Integração e compatibilidade:
Recursos do Windows: Integração aprimorada com recursos do Windows, como notificações e manipulação de arquivos.
Atualizações de aplicativos: Atualizações simplificadas por meio do mecanismo de atualização do Edge.

Impacto para o desenvolvedor:
Eficiência de desenvolvimento: Estrutura simplificada e melhores ferramentas de depuração.
Manutenção de código: Manutenção mais fácil com manuseio padronizado de conteúdo da web.

Segurança:
Segurança aprimorada: Proteção aprimorada contra vulnerabilidades com os recursos de segurança do Edge.

O que isso significa para desenvolvedores e usuários

Para desenvolvedores:
Complexidade de transição: Migrar do Electron para o WebView2 envolve retrabalhar a arquitetura do aplicativo. Os desenvolvedores precisam substituir recursos específicos do Electron por equivalentes do WebView2, muitas vezes exigindo mudanças significativas na forma como o conteúdo da web é tratado e como a comunicação entre o código nativo e o conteúdo da web é gerenciada.
Novas oportunidades: WebView2 abre novas possibilidades de integração com recursos nativos do Windows e aproveitamento dos mais recentes padrões da web. Os desenvolvedores podem explorar essas oportunidades para aprimorar ainda mais seus aplicativos e fornecer recursos mais poderosos.

Para usuários:
Melhor desempenho: Os usuários experimentarão aplicativos mais rápidos e responsivos. Isso é particularmente benéfico para aplicativos de alta demanda, como o Microsoft Teams, que dependem de comunicação em tempo real, que lida com tarefas complexas de design.
Experiência perfeita: Com melhor integração ao ambiente Windows, os usuários podem esperar uma experiência mais coesa e fluida. Isso inclui interações mais suaves com o sistema operacional e suporte aprimorado para recursos específicos do Windows.

Conclusão

A migração do Microsoft Teams do Electron JS para o WebView2 marca uma mudança importante em direção a melhor desempenho, integração e adesão aos padrões modernos da web. Essa mudança destaca uma tendência de otimização de aplicativos de desktop para aprimorar a experiência e a segurança do usuário. À medida que a tecnologia evolui, podemos esperar que mais aplicações adotem avanços semelhantes, mostrando como as atualizações estratégicas podem impulsionar a inovação e melhorar as ferramentas do dia a dia.