Partilhar via

Visão geral dos Aplicativos Web Progressivos (PWAs)

  • Artigo

As Aplicações Web Progressivas (PWAs) são aplicações que cria através de tecnologias Web e que podem ser instaladas e executadas em todos os dispositivos, a partir de uma base de código.

As PWAs proporcionam experiências nativas aos seus utilizadores em dispositivos de suporte. Adaptam-se às capacidades suportadas por cada dispositivo e também podem ser executadas em browsers, como sites.

Para começar a criar um PWA, consulte Introdução às Aplicações Web Progressivas.

Vídeo: Ignite | Março de 2021 | Ignição da História das Aplicações Web

Imagem em miniatura do vídeo

Benefícios do PWA

Experiências nativas

Quando instalado num dispositivo, os PWAs funcionam tal como as outras aplicações. Por exemplo:

  • Os PWAs têm os seus próprios ícones de aplicação que podem ser adicionados ao ecrã principal ou à barra de tarefas de um dispositivo.
  • Os PWAs podem ser iniciados automaticamente quando um tipo de ficheiro associado é aberto.
  • As PWAs podem ser executadas quando o utilizador inicia sessão.
  • Os PWAs podem ser submetidos para arquivos de aplicações, como a Microsoft Store.

Capacidades avançadas

As PWAs também têm acesso a capacidades avançadas. Por exemplo:

  • Os PWAs podem continuar a funcionar quando o dispositivo está offline.
  • As PWAs suportam notificações push.
  • As PWAs podem efetuar atualizações periódicas mesmo quando a aplicação não está em execução.
  • As PWAs podem aceder às funcionalidades de hardware.

Por fim, os PWAs podem ser executados em browsers, tal como os sites. A execução de sites semelhantes dá vantagens aos PWAs, tais como:

  • Os PWAs podem ser indexados por motores de busca.
  • Os PWAs podem ser partilhados e iniciados a partir de uma ligação Web padrão.
  • As PWAs são seguras para os utilizadores porque utilizam pontos finais HTTPS seguros e outras salvaguardas de utilizador.
  • Os PWAs adaptam-se ao tamanho ou orientação do ecrã do utilizador e ao método de entrada.
  • Os PWAs podem utilizar APIs Web avançadas, como WebBluetooth, WebUSB, WebPayment, WebAuthn ou WebAssembly.

Custo de desenvolvimento mais baixo

As PWAs têm um custo de desenvolvimento para várias plataformas muito mais baixo do que as aplicações compiladas que requerem uma base de código específica e separada para cada plataforma, como Android, iOS e cada sistema operativo de ambiente de trabalho.

Com um PWA, pode utilizar uma base de código única que é partilhada entre o seu site, aplicação móvel e aplicação de ambiente de trabalho (entre sistemas operativos).

Compatibilidade entre dispositivos

As Aplicações Web Progressivas (PWAs) são criadas com código HTML, CSS e JavaScript alojado em servidores Web e que é executado em motores de browser. Podem ser utilizados diretamente num browser, como um site ou instalados num dispositivo a partir de uma loja de aplicações ou através da funcionalidade de instalação de aplicações de um browser de suporte. Para saber mais sobre como instalar PWAs no Microsoft Edge, consulte Instalar um PWA.

A experiência de utilizador de um PWA aumenta ou reduz verticalmente com as capacidades do dispositivo. Em particular, no Windows com o Microsoft Edge, pode criar experiências envolventes que se integram profundamente com o sistema operativo. Utilizar apenas tecnologias Web garante que a sua aplicação funcionará noutros browsers, sistemas operativos e dispositivos.

A computação de ambiente de trabalho continua a ser o principal ambiente de produtividade para muitos utilizadores. As PWAs podem proporcionar experiências totalmente personalizadas e instaláveis num sistema operativo de ambiente de trabalho que herdam os benefícios desse ambiente. No entanto, os PWAs também podem ser instalados em dispositivos móveis ou utilizados diretamente em browsers.

Colmatar a lacuna entre a Web e a nativa

Não há muito que não possa fazer hoje em dia com tecnologias Web. Muitas funcionalidades que antes só eram possíveis através da utilização de idiomas específicos do dispositivo podem agora ser obtidas através da utilização de tecnologias Web padrão. Por exemplo:

  • Processar ficheiros.
  • Partilhe conteúdos com outras aplicações.
  • Aceda à área de transferência.
  • Sincronize dados e obtenha recursos em segundo plano.
  • Aceda ao hardware do dispositivo, como Bluetooth e USB.
  • Armazene conteúdos em bases de dados.
  • Tire partido dos gráficos acelerados por hardware.
  • Utilize esquemas, 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, os PWAs no ambiente de trabalho podem tirar o máximo partido destas capacidades para fornecer o que os utilizadores esperam que as aplicações de ambiente de trabalho possam fazer. Estas capacidades proporcionam experiências mais envolventes em plataformas Web e de ambiente de trabalho.

Para encontrar exemplos do que os PWAs podem fazer, veja Myth Busting PWAs.

The Microsoft Store

Uma vez que as Aplicações Web Progressivas (PWAs) são como outras aplicações na Microsoft Store, os utilizadores podem interagir totalmente com as mesmas, desde a deteção, à instalação até à execução, sem nunca abrirem o browser.

A Microsoft Store proporciona uma experiência fidedigna e familiar para os utilizadores instalarem a sua aplicação. Além disso, pode ver estatísticas de utilização detalhadas e gráficos que lhe permitem saber como estão as suas aplicações na Microsoft Store.

Saiba como publicar o seu PWA na Microsoft Store.

Histórias de sucesso

A utilização de tecnologias de Aplicação Web Progressiva (PWA) é uma ótima forma de tornar a sua aplicação segura, detetável, linkável, fácil de instalar e atualizar, reativa e independente da rede. Muitas empresas tiveram sucesso com pwAs. Por exemplo:

  • O PWA starbucks aumentou os utilizadores ativos diários duas vezes. As encomendas no ambiente de trabalho são quase a mesma taxa que as de dispositivos móveis (origem).
  • Trivago viu um aumento de 150% para as pessoas que adicionam o seu PWA ao ecrã principal. O aumento do envolvimento levou a um aumento de 97% nos relógios para ofertas hoteleiras (fonte).
  • O Tinder cortou os tempos de carga de 11,91 segundos para 4,68 segundos com o seu PWA. A aplicação é 90% menor do que a aplicação Android compilada (origem).

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

Consulte também