PWA é uma sigla que aparece cada vez mais quando o assunto é aplicativo, mas pouca gente fora da área de tecnologia sabe exatamente o que significa. E a dúvida importa, porque a resposta muda quanto uma empresa gasta para ter um app.
Resposta rápida: PWA (Progressive Web App, ou aplicativo web progressivo) é um site construído para se comportar como aplicativo. Ele pode ser instalado na tela inicial do celular ou do computador direto pelo navegador, abre em tela cheia, sem a barra de endereço, pode funcionar com internet fraca ou sem conexão e pode enviar notificações. Não precisa passar pela App Store nem pelo Google Play, e o mesmo código roda no Android, no iPhone e no computador.
Abaixo estão como um PWA funciona por dentro, o que ele consegue e o que não consegue fazer, e quando vale a pena para uma empresa.
O que significa PWA
PWA vem do inglês Progressive Web App. “Web app” porque é feito com as mesmas tecnologias de um site (HTML, CSS e JavaScript) e roda no navegador. “Progressive” porque os recursos vão sendo acrescentados conforme o aparelho permite: num navegador antigo, ele funciona como um site comum; num celular atual, ganha ícone na tela inicial, tela cheia, uso sem internet e notificações.
O termo foi popularizado pelo Google por volta de 2015, e hoje a tecnologia é suportada pelos principais navegadores, com diferenças entre eles que aparecem mais adiante. O Google mantém um guia completo no web.dev, e a Mozilla documenta o assunto no MDN.
Como um PWA funciona por dentro
Três peças transformam um site em PWA:
- HTTPS: o PWA precisa de conexão segura (o cadeado no navegador). Sem isso, os navegadores não liberam os recursos de aplicativo.
- Manifesto (manifest): um pequeno arquivo que diz ao celular o nome do app, o ícone, a cor do tema e que ele deve abrir em tela cheia. É ele que permite o “Adicionar à tela inicial” com cara de aplicativo.
- Service worker: um script que fica entre o app e a internet. É ele que guarda as telas no aparelho para abrir rápido, permite usar o app sem conexão e recebe as notificações.
Na prática, o usuário não vê nada disso: ele abre um link, toca em “Instalar” (ou, no iPhone, em Compartilhar → Adicionar à Tela de Início) e passa a ter um ícone como o de qualquer outro app.
O que um PWA consegue fazer
- Ser instalado na tela inicial do celular, do tablet ou do computador, com ícone e nome próprios.
- Abrir em tela cheia, sem barra de endereço, como um app.
- Funcionar com internet fraca ou sem conexão, mostrando as telas guardadas e enviando os dados quando a conexão volta, se o projeto for feito para isso.
- Enviar notificações no celular e no computador.
- Usar recursos do aparelho: câmera, localização, leitura de QR Code, compartilhamento e assinatura na tela.
- Atualizar sozinho: a nova versão chega a todos os usuários na próxima vez que abrem o app, sem baixar nada.
- Aparecer no Google: as páginas públicas de um PWA podem ser encontradas na busca, o que um app de loja não consegue.
O que um PWA não faz (ou faz com limitações)
Ser honesto sobre os limites evita escolher a tecnologia errada:
- Não aparece sozinho nas lojas. Dá para publicar um PWA no Google Play (com uma camada chamada Trusted Web Activity) e na Microsoft Store, mas na App Store da Apple o caminho é um app nativo.
- No iPhone, as notificações dependem da instalação. Elas funcionam a partir do iOS 16.4, e só com o app adicionado à tela inicial, conforme o anúncio oficial da equipe do WebKit.
- Recursos muito profundos do aparelho são limitados, como acompanhar a localização em segundo plano o dia inteiro ou conectar com equipamentos por Bluetooth em todos os aparelhos. Para isso, o app nativo ainda é o caminho.
- Uso sem internet não vem pronto. Ele precisa ser planejado: quais telas ficam guardadas, o que pode ser registrado offline e como os dados são enviados depois.
PWA, site e app nativo: qual a diferença
Um site comum é feito para ser lido e encontrado; um PWA é feito para ser usado com frequência, com login e dados de cada usuário; um app nativo é programado separadamente para Android e iPhone e distribuído pelas lojas. Para a maioria das empresas, a escolha fica entre os dois primeiros, porque o público do app já é conhecido: clientes, vendedores, técnicos ou a própria equipe.
A comparação completa, com as perguntas que ajudam a decidir, está no artigo minha empresa precisa de um aplicativo? Site, app web ou app nativo.
Quando um PWA vale a pena para uma empresa
- Área do cliente: pedidos, boletos, documentos e chamados num app com a marca da empresa.
- Vendas externas: catálogo e pedido tirado na visita, mesmo com sinal fraco.
- Equipe de campo: ordens de serviço, vistorias e checklists com foto e assinatura.
- Agendamentos: horários e lembretes por notificação.
- Versão mobile de um sistema existente: o sistema que a empresa já usa no computador ganha um app para o celular, sem trocar o sistema.
Foi o caso da Escola Letra e Arte: a escola já tinha um sistema web para a agenda diária das crianças e ganhou um app para as professoras e outro para as famílias, instalados pelo navegador e ligados ao mesmo banco de dados. Os detalhes estão no exemplo real deste artigo.
Quanto custa um PWA
O custo depende do que o app faz: número de telas, perfis de usuário, uso sem internet, notificações, pagamento e integrações. Como é um único código para Android, iPhone e computador, um PWA costuma custar menos que dois aplicativos nativos, e não tem taxas de conta de desenvolvedor nas lojas. Na W2 Websites, o orçamento da criação de aplicativos é feito a partir de uma conversa sobre o que o app precisa resolver.
Perguntas frequentes
PWA é a mesma coisa que site responsivo?
Não. Todo PWA é responsivo, mas nem todo site responsivo é um PWA. O PWA tem manifesto e service worker, que permitem instalar na tela inicial, abrir em tela cheia, funcionar sem internet e enviar notificações.
PWA funciona no iPhone?
Sim. No iPhone, o PWA é instalado pelo Safari, no botão Compartilhar e depois Adicionar à Tela de Início. As notificações funcionam a partir do iOS 16.4, com o app instalado na tela inicial.
PWA precisa de internet?
Para a primeira instalação, sim. Depois, depende de como foi feito: com o service worker planejado para isso, ele abre as telas guardadas e registra informações sem conexão, enviando tudo quando a internet volta.
Dá para colocar um PWA no Google Play?
Sim, usando uma camada chamada Trusted Web Activity, que empacota o PWA como app da loja. Na App Store da Apple não existe esse caminho direto; para estar lá, é preciso um app nativo.
PWA é seguro?
Ele só funciona com HTTPS, então a comunicação entre o app e o servidor é sempre criptografada. A segurança dos dados depende, como em qualquer sistema, de login, permissões e de um servidor bem cuidado.
Conclusão
PWA é a forma de ter um aplicativo usando a tecnologia da web: instala pelo navegador, roda em qualquer aparelho, atualiza sozinho e não depende das lojas. Não substitui o app nativo em todos os casos, mas resolve a maioria dos aplicativos de empresa com menos custo e menos burocracia.
Se você está pensando num aplicativo para clientes ou para a equipe, conheça a criação de aplicativos da W2 Websites ou fale com a gente no WhatsApp.
