Visão geral dos Aplicativos Web Progressivos (PWAs)

Os PWAs (Aplicativos Web Progressivos) são aplicativos que você cria usando tecnologias da Web e que podem ser instalados e executados em todos os dispositivos, a partir de uma base de código.

Os PWAs fornecem experiências nativas para seus usuários em dispositivos de suporte. Eles se adaptam aos recursos suportados por cada dispositivo e também podem ser executados em navegadores da web, como sites.

Para começar a criar um PWA, consulte Introdução ao desenvolvimento de um PWA.

Vídeo: Ignite | março de 2021 | Iniciando a história dos Aplicativos Web

Imagem em miniatura do vídeo

Benefícios do PWA

Experiências nativas

Quando instalados em um dispositivo, os PWAs funcionam como outros aplicativos. Por exemplo:

  • Os PWAs têm seus próprios ícones de aplicativo que podem ser adicionados à tela inicial ou à barra de tarefas de um dispositivo.
  • Os PWAs podem ser iniciados automaticamente quando um tipo de arquivo associado é aberto.
  • Os PWAs podem ser executados quando o usuário entrar.
  • Os PWAs podem ser enviados para lojas de aplicativos, como a Microsoft Store.

Recursos avançados

Os PWAs também têm acesso a recursos avançados. Por exemplo:

  • Os PWAs podem continuar funcionando quando o dispositivo estiver offline.
  • Os PWAs dão suporte a notificações por push.
  • Os PWAs podem executar atualizações periódicas mesmo quando o aplicativo não está em execução.
  • Os PWAs podem acessar recursos de hardware.

Finalmente, os PWAs podem ser executados em navegadores da web, assim como sites. A execução de sites semelhantes oferece vantagens aos PWAs, como:

  • Os PWAs podem ser indexados pelos mecanismos de pesquisa.
  • Os PWAs podem ser compartilhados e iniciados a partir de um link da web padrão.
  • Os PWAs são seguros para os usuários porque usam pontos de extremidade HTTPS seguros e outras proteções de usuário.
  • Os PWAs se adaptam ao tamanho ou orientação da tela do usuário e ao método de entrada.
  • Os PWAs podem usar APIs da Web avançadas, como WebBluetooth, WebUSB, WebPayment, WebAuthn ou WebAssembly.

Menor custo de desenvolvimento

Os PWAs têm um custo de desenvolvimento multiplataforma muito menor do que os aplicativos compilados que exigem uma base de código específica e separada para cada plataforma, como Android, iOS e cada sistema operacional de desktop.

Com um PWA, você pode usar uma única base de código compartilhada entre seu site, aplicativo móvel e aplicativo da área de trabalho (entre sistemas operacionais).

Compatibilidade entre dispositivos

Os PWAs (Aplicativos Web Progressivos) são criados usando código HTML, CSS e JavaScript hospedado em servidores Web e executado em mecanismos de navegador da Web. Eles podem ser usados diretamente em um navegador da Web, como um site, ou instalados em um dispositivo de uma loja de aplicativos, ou usando o recurso de instalação de aplicativo de um navegador compatível. Para saber mais sobre como instalar PWAs no Microsoft Edge, confira Instalando um PWA.

A experiência do usuário de um PWA é ampliada ou reduzida com os recursos do dispositivo. Em particular, no Windows com o Microsoft Edge, você pode criar experiências imersivas que se integram profundamente ao sistema operacional. O uso apenas de tecnologias da Web garante que seu aplicativo funcione em outros navegadores, sistemas operacionais e dispositivos.

A computação de desktop continua a ser o principal ambiente de produtividade para muitos usuários. Os PWAs podem fornecer experiências totalmente personalizadas e instaláveis em um sistema operacional de desktop que herda os benefícios desse ambiente. No entanto, os PWAs também podem ser instalados em dispositivos móveis ou usados diretamente em navegadores da web.

Preenchendo a lacuna entre a web e os nativos

Não há muito que você não possa fazer hoje com as tecnologias da web. Muitos recursos que antes só eram possíveis usando idiomas específicos do dispositivo agora podem ser obtidos usando tecnologias da Web padrão. Por exemplo:

  • Manipular arquivos.
  • Compartilhe conteúdo com outros aplicativos.
  • Acessar a área de transferência.
  • Sincronize dados e busque recursos em segundo plano.
  • Acesse o hardware do dispositivo, como Bluetooth e USB.
  • Armazenar conteúdo em bancos de dados.
  • Aproveite os gráficos acelerados por hardware.
  • Use layouts, animações e filtros CSS para criar designs avançados.
  • Execute código de desempenho quase compilado com WebAssembly.

Graças ao Microsoft Edge, os PWAs na área de trabalho podem aproveitar ao máximo esses recursos para fornecer o que os usuários esperam que os aplicativos da área de trabalho sejam capazes de fazer. Esses recursos fornecem experiências mais envolventes em plataformas da Web e da área de trabalho.

Para encontrar exemplos do que os PWAs podem fazer, consulte Myth Busting PWAs – The New Edge Edition.

A Microsoft Store

Como os PWAs (Aplicativos Web Progressivos) são como outros aplicativos na Microsoft Store, os usuários podem se envolver totalmente com eles, desde a descoberta até a instalação e a execução, sem nunca abrir o navegador.

A Microsoft Store oferece uma experiência confiável e familiar para os usuários instalarem seu aplicativo. Além disso, você pode exibir estatísticas detalhadas de uso e gráficos que permitem saber como seus aplicativos na Microsoft Store estão se saindo.

Consulte Publicar um PWA na Microsoft Store.

Histórias de sucesso

O uso das tecnologias do Progressive Web App (PWA) é uma ótima maneira de tornar seu aplicativo seguro, detectável, vinculável, fácil de instalar e atualizar, responsivo e independente de rede. Muitas empresas tiveram sucesso com PWAs. Por exemplo:

  • O Starbucks PWA aumentou os usuários ativos diários duas vezes. Os pedidos no desktop são quase a mesma taxa que no celular (fonte).

  • O Trivago teve um aumento de 150% para as pessoas que adicionarem seu PWA à tela inicial. O aumento do engajamento levou a um aumento de 97% nos registros de ofertas de hotéis (fonte).

  • O Tinder reduziu o tempo de carregamento de 11,91 segundos para 4,68 segundos com seu PWA. O aplicativo é 90% menor que o aplicativo Android compilado (fonte).

Leia mais histórias de sucesso no site de estatísticas do PWA .

Consulte também

MDN:

Wikipédia:

Blog:

YouTube:

Estatísticas:

  • Last updated on