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.
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
- É desenvolvido para iPhone e para Android
- A loja faz a revisão
- O usuário procura na loja
- Baixa e instala
- Cada atualização passa de novo pela loja
- É desenvolvido uma vez
- É publicado na web
- O usuário abre um link
- Instala pelo navegador
- Atualiza sozinho
| PWA | App de loja (nativo) | |
|---|---|---|
| Como é instalado | Pelo navegador, em segundos | Pela App Store ou pelo Google Play |
| Espaço que ocupa | Pouco: só o que o navegador guarda | Dezenas ou centenas de megas |
| Atualizações | Automáticas, na próxima vez que é aberto | É preciso publicá-las, esperar a revisão da loja e que o usuário as baixe |
| Desenvolvimento | Uma única versão para iPhone, Android e computador | Normalmente, uma por sistema |
| Custo para publicar | Nenhum, além do domínio | A Apple cobra $99 por ano; o Google, $25 uma única vez |
| Comissões | Nenhuma | Entre 15% e 30% das vendas digitais dentro do app, segundo a Apple e o Google |
| Aparece no Google | Sim, como qualquer site | Não: a busca é feita dentro da loja |
| Acesso ao celular | Câmera, localização, notificações e mais; algumas funções avançadas, não | Completo |
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)
- Abra o site no Chrome.
- 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).
- Confirme. O ícone aparece junto com os seus outros apps.
No iPhone (Safari)
- Abra o site no Safari.
- Toque no botão Compartilhar (o quadrado com uma seta para cima).
- Escolha Adicionar à Tela de Início e confirme.
No computador (Chrome ou Edge)
- Abra o site.
- Clique no ícone de instalar que aparece à direita da barra de endereço.
- 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.