Visão geral dos Aplicativos Web Progressivos (PWAs)

  • Artigo

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

As 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 Aplicativos Web Progressivo.

Benefícios do PWA

Experiências nativas

Quando instalado em um dispositivo, as PWAs funcionam como outros aplicativos. Por exemplo:

  • As PWAs têm seus próprios ícones de aplicativo que podem ser adicionados à tela inicial ou barra de tarefas de um dispositivo.
  • PwAs podem ser iniciados automaticamente quando um tipo de arquivo associado é aberto.
  • As PWAs podem ser executadas quando o usuário entra.
  • PWAs podem ser enviadas para repositórios de aplicativos, como a Microsoft Store.

Recursos avançados

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

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

Por fim, as PWAs podem ser executadas em navegadores da Web, assim como sites. A execução de sites semelhantes oferece aos PWAs vantagens, como:

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

Menor custo de desenvolvimento

As PWAs têm um custo de desenvolvimento entre plataformas 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 desktop.

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

Compatibilidade entre dispositivos

AS PWAs (Aplicativos Web progressivas) são criadas usando código HTML, CSS e JavaScript hospedados em servidores Web e que são executados 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 de suporte. Para saber mais sobre como instalar PWAs no Microsoft Edge, consulte Instalando um PWA.

A experiência do usuário de um PWA aumenta ou diminui 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 Web garante que seu aplicativo funcione em outros navegadores, sistemas operacionais e dispositivos.

A computação da área de trabalho continua sendo o ambiente de produtividade principal para muitos usuários. As PWAs podem fornecer experiências totalmente personalizadas e instaláveis em um sistema operacional de área de trabalho que herda os benefícios desse ambiente. No entanto, as PWAs também podem ser instaladas em dispositivos móveis ou usadas diretamente em navegadores da Web.

Fazer a ponte entre a Web e a nativa

Não há muito que você não possa fazer hoje com tecnologias web. Muitos recursos que antes só eram possíveis usando linguagens específicas do dispositivo agora podem ser alcançados usando tecnologias Web padrão. Por exemplo:

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

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

Para encontrar exemplos do que pwas podem fazer, confira PwAs de quebra de mitos.

The Microsoft Store

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

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

Saiba como publicar sua PWA na Microsoft Store.

Histórias de sucesso

Usar tecnologias de PWA (Aplicativo Web Progressivo) é 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 na área de trabalho são quase a mesma taxa que o móvel (origem).
  • Trivago viu um aumento de 150% para as pessoas que adicionam seu PWA à tela inicial. O aumento do envolvimento levou a um aumento de 97% nos relógios para ofertas de hotéis (origem).
  • O Tinder cortou os tempos de carga de 11,91 segundos para 4,68 segundos com sua PWA. O aplicativo é 90% menor que o aplicativo Android compilado (origem).

Leia mais histórias de sucesso no site do PWA Stats .

Consulte também