Ir para o conteúdo
Blog
Tecnologia

O que é PWA e por que o seu negócio talvez não precise da App Store

Tudo o que você precisa para entender os aplicativos web progressivos: como funcionam, a diferença para um app de loja e quando são a melhor opção.

Por 6 min de leitura

Um PWA (aplicativo web progressivo, do inglês progressive web app) é um site que pode ser instalado no celular ou no computador e que, depois de instalado, se comporta como um app: tem o seu ícone na tela inicial, abre em tela cheia, pode enviar notificações e, em muitos casos, funciona sem internet. A diferença é que ele não é baixado da App Store nem do Google Play: é instalado direto pelo navegador.

Para quem usa, quase não há diferença em relação a um app tradicional. Para quem cria, muda muito: ele é desenvolvido uma única vez para todos os aparelhos, é atualizado na hora e não depende da aprovação de nenhuma loja.

Como funciona um PWA

Imagine uma loja que, além do ponto na rua, deixa um atalho na sua casa: continua sendo a mesma loja, mas agora ela está a um toque de distância. Por trás de um PWA há três peças, descritas no guia do Google sobre PWA:

  • Um arquivo de manifesto: a carteira de identidade do app. Ele informa ao celular o nome, o ícone, as cores e como deve abrir (por exemplo, sem a barra do navegador).
  • Um service worker: um pequeno programa que trabalha em segundo plano. Guarda cópias do app para que ele abra rápido e funcione sem internet, e é ele que recebe as notificações.
  • Uma conexão segura (HTTPS): a condição que os navegadores exigem para permitir tudo isso.

Com essas três peças, o navegador reconhece que o site pode ser instalado e oferece essa opção.

PWA ou app de loja: as diferenças

App de loja
  1. É desenvolvido para iPhone e para Android
  2. A loja faz a revisão
  3. O usuário procura na loja
  4. Baixa e instala
  5. Cada atualização passa de novo pela loja
PWA
  1. É desenvolvido uma vez
  2. É publicado na web
  3. O usuário abre um link
  4. Instala pelo navegador
  5. Atualiza sozinho
O caminho de um app de loja e o de um PWA, da criação até a atualização.
Comparação entre um PWA e um app de loja
PWAApp de loja (nativo)
Como é instaladoPelo navegador, em segundosPela App Store ou pelo Google Play
Espaço que ocupaPouco: só o que o navegador guardaDezenas ou centenas de megas
AtualizaçõesAutomáticas, na próxima vez que é abertoÉ preciso publicá-las, esperar a revisão da loja e que o usuário as baixe
DesenvolvimentoUma única versão para iPhone, Android e computadorNormalmente, uma por sistema
Custo para publicarNenhum, além do domínioA Apple cobra $99 por ano; o Google, $25 uma única vez
ComissõesNenhumaEntre 15% e 30% das vendas digitais dentro do app, segundo a Apple e o Google
Aparece no GoogleSim, como qualquer siteNão: a busca é feita dentro da loja
Acesso ao celularCâmera, localização, notificações e mais; algumas funções avançadas, nãoCompleto

PWA funciona no iPhone?

Sim, mas com mais passos do que no Android. No iPhone e no iPad não aparece um botão de «Instalar»: é preciso abrir o site e escolher «Adicionar à Tela de Início» no menu Compartilhar. Desde o iOS 16.4 (2023), isso também pode ser feito em outros navegadores, como o Chrome, e os PWA instalados assim podem enviar notificações, como explica a equipe do WebKit, o motor do Safari. Se o site estiver apenas aberto no navegador, não.

A Apple também limita algumas funções que o Android permite, como certas conexões por Bluetooth com outros aparelhos ou o aviso automático para instalar. Para a maioria dos usos de um negócio (reservas, pedidos, catálogo, avisos), isso não é um problema.

Como instalar um PWA

No Android (Chrome)

  1. Abra o site no Chrome.
  2. Se aparecer o aviso para instalar, toque nele. Se não, abra o menu ⋮ e escolha a opção de instalar (conforme a versão, Instalar app ou Adicionar à tela inicial).
  3. Confirme. O ícone aparece junto com os seus outros apps.

No iPhone (Safari)

  1. Abra o site no Safari.
  2. Toque no botão Compartilhar (o quadrado com uma seta para cima).
  3. Escolha Adicionar à Tela de Início e confirme.

No computador (Chrome ou Edge)

  1. Abra o site.
  2. Clique no ícone de instalar que aparece à direita da barra de endereço.
  3. Confirme. O app abre na própria janela e fica no menu Iniciar ou no Dock.

Um PWA vale a pena para o seu negócio?

Um PWA costuma ser a melhor opção quando:

  • Você quer que os clientes reservem, peçam ou comprem pelo celular sem obrigá-los a procurar um app numa loja.
  • Você precisa enviar avisos: horários marcados, ofertas, pedidos prontos.
  • O orçamento é apertado e você quer um só app para iPhone, Android e computador.
  • Você quer ser encontrado no Google, além de ter o app.

Um app de loja continua sendo melhor se:

  • É um jogo ou um app com gráficos muito exigentes.
  • Você precisa de funções avançadas do celular, como Bluetooth, sensores ou funcionar em segundo plano o tempo todo.
  • Estar na App Store ou no Google Play faz parte da sua estratégia para ser descoberto.

Para a maioria dos negócios que atendem o público (restaurantes, academias, salões de beleza, clínicas, lojas), um PWA cobre o necessário com menos custo e menos manutenção.

Exemplos de PWA que você talvez já use

Várias marcas grandes oferecem o seu serviço como PWA, além dos apps:

  • Starbucks, para pedir pela web.
  • Uber, para pedir uma viagem pelo navegador.
  • Pinterest e X (antigo Twitter), nas versões para celular.
  • Spotify e YouTube Music, que podem ser instalados no computador pelo navegador.

Se o seu navegador já ofereceu «instalar» um site, você estava diante de um PWA.

Em resumo

Um PWA é um site que se instala e se comporta como um app: sem lojas no meio, com uma só versão para todos os aparelhos e atualizações na hora. Para muitos negócios, é a forma mais simples de estar no celular dos clientes.

Se você está pensando em um para o seu negócio, no Vertize Plus Business desenvolvemos aplicativos web instaláveis para reservas, pedidos e avisos aos clientes.

Perguntas frequentes

Um PWA precisa de internet?

Precisa de conexão na primeira vez e para tudo o que depende de dados novos. O que o app guarda pode ser aberto sem internet, conforme a forma como foi feito.

Dá para publicar um PWA no Google Play?

Sim. O Android permite empacotá-lo para o Google Play sem refazê-lo. Na App Store é mais difícil, porque as regras da Apple exigem que um app ofereça mais do que um site.

Quanto custa fazer um PWA?

Depende do que ele faz, mas um PWA simples custa bem menos do que dois apps nativos, um para iPhone e outro para Android, porque é desenvolvido uma única vez.

Vertize Plus Business

Quer um app assim para o seu negócio?

Reservas, pedidos e avisos para os seus clientes, num aplicativo que eles instalam pelo seu site.