Instalar um aplicativo exige ir até a loja, baixar um pacote e ocupar espaço no aparelho. Já um PWA dá a mesma sensação de app a partir de um endereço da internet. Em vários projetos, isso é suficiente e bem mais barato do que desenvolver uma versão para cada loja.
O que é um PWA
PWA vem de Progressive Web App, ou aplicativo web progressivo. Na prática, é um site comum que recebe três ingredientes técnicos:
- HTTPS: a conexão segura, que é requisito para quase todos os recursos de PWA. Ela depende de um certificado SSL válido no site.
- Manifesto do app: um pequeno arquivo que informa nome, ícones, cores e como o app deve abrir (por exemplo, em tela cheia).
- Service worker: um script que fica rodando em segundo plano no navegador e permite guardar arquivos para uso sem conexão, atualizar conteúdo e receber notificações em alguns cenários.
Com isso, o navegador entende que aquele site pode ser “instalado”, ganhando um ícone na tela inicial e abrindo como se fosse um aplicativo, sem a barra de endereço. Para quem usa, a diferença em relação a um app comum é pequena. Para quem desenvolve, a diferença é grande: não há pacote para enviar às lojas, apenas um site bem configurado.
Como o usuário instala um PWA
O jeito de instalar muda um pouco conforme o aparelho e o navegador, e os nomes dos menus variam:
- Android (Chrome): aparece um convite para instalar ou a opção no menu do navegador, com o nome de instalar app ou adicionar à tela inicial.
- iPhone (Safari): toque no botão de compartilhar e escolha adicionar à tela de início.
- Computador (Chrome e Edge): surge um ícone de instalação na barra de endereço.
Depois de instalado, o ícone fica ao lado dos outros apps e o PWA abre em janela própria. A atualização acontece sozinha, pois é o próprio site sendo atualizado no servidor.
Vantagens de um PWA
- Um código só: a mesma base funciona em Android, iPhone e computador, o que reduz o custo de desenvolvimento e de manutenção.
- Sem depender de loja: não há taxa de conta de desenvolvedor, nem fila de revisão para cada atualização.
- Atualização imediata: você publica a mudança e todos os usuários passam a ver a versão nova.
- Fácil de divulgar: basta um link, que pode ser enviado por WhatsApp, e-mail ou QR Code.
- Aparece no Google: como é um site, ele pode ser encontrado em buscas, algo que um app fechado nas lojas não consegue fazer da mesma maneira. Para isso, vale seguir os cuidados de SEO técnico para sites.
Limites de um PWA
Nem tudo cabe em um PWA, e é bom saber disso antes de apostar:
- Acesso limitado a recursos do aparelho: câmera, localização e notificações costumam funcionar, mas funções como Bluetooth e NFC têm suporte irregular entre navegadores, principalmente no iPhone.
- Menos visibilidade nas lojas: quem procura um app na Google Play ou na App Store não vai encontrar seu PWA, a não ser que você o empacote.
- Desempenho em tarefas pesadas: jogos complexos, edição de vídeo e realidade aumentada ainda se saem melhor como apps nativos.
- Experiência diferente entre navegadores: o comportamento em cada sistema precisa ser testado com cuidado.
Quando escolher PWA
Um PWA costuma ser uma boa decisão quando:
- o app é principalmente de consulta ou cadastro, como catálogo, agenda, cardápio, painel de resultados;
- você quer validar a ideia com custo baixo, antes de investir em versões nativas, no espírito do MVP, a versão mínima do app;
- é um sistema interno de empresa, usado por equipes em vários aparelhos;
- sua loja virtual ou site já existe e você quer dar uma cara de app para os clientes;
- o público tem aparelhos variados e você não pode manter duas bases de código.
Já um app nativo ou multiplataforma tende a ser melhor quando a ideia depende de recursos intensos do aparelho, de presença forte nas lojas ou de uma experiência muito polida. O texto sobre app nativo, híbrido ou web compara essas opções.
Como começar a criar um
Existem três caminhos, do mais simples ao mais técnico:
- Plataformas no-code que geram PWA: algumas ferramentas já entregam o app instalável a partir de um link. Confira o que o plano oferece.
- Plugins e temas: em sites feitos em WordPress, há extensões que transformam o site em PWA, com manifesto e service worker básicos.
- Desenvolvimento próprio: frameworks de front-end, como os apresentados em React e Next.js, possuem ferramentas para criar o manifesto e o service worker.
Em qualquer caminho, a base é a mesma: um site rápido e responsivo, em HTTPS, com um manifesto bem configurado. O painel de ferramentas do desenvolvedor do Chrome, na área de aplicativo, mostra se o manifesto e o service worker estão sendo reconhecidos. Cuide também do desempenho: um PWA lento perde a graça. O guia de como deixar o site mais rápido vale para ele também.
Teste antes de decidir
Antes de escolher, instale algum PWA conhecido no seu próprio celular e use por alguns dias. Veja se a experiência atende ao que você quer entregar. Depois, liste as funções do seu app e confirme se todas funcionam em um navegador. Se sim, comece pelo PWA. Se alguma função essencial depender de algo que o navegador não faz bem, parta para uma solução multiplataforma ou nativa.