< blog />
O que é PWA: como funciona, limites e quando usar
Por Vinicius Ambrozio, fundador da VTA Tecnologia · Publicado em
PWA (Progressive Web App) é um site construído pra funcionar como aplicativo: instala na tela do celular sem loja, abre em tela cheia, funciona offline e manda notificação. Por fora, a pessoa vê um ícone e um app. Por dentro, é o mesmo sistema web que abre no computador, com o mesmo código.
Quem escreve é a VTA Tecnologia, software house brasileira com mais de 150 projetos entregues, que constrói web apps e PWAs. Aqui o termo é explicado pra quem decide: como funciona, como instala, onde trava e como se compara com app nativo e site comum.
O que é um PWA, na prática?
Na prática, um PWA é o sistema web da sua empresa com três camadas a mais: um arquivo que descreve o app (nome, ícone, cor), um código que guarda as telas no aparelho pra abrir sem internet e a permissão pra mandar notificação. O usuário instala pelo navegador e passa a abrir pelo ícone.
A MDN, a documentação de referência da web mantida pela Mozilla, define PWA como um app feito com tecnologias da web, com experiência parecida com a de um app da plataforma e um código só pra vários aparelhos. O curso Learn PWA do web.dev, do time do Chrome, resume: PWAs continuam sendo sites, com recursos a mais. Daí o "progressivo".
Como um PWA funciona?
Um PWA funciona com três peças: o site em HTTPS (o cadeado no endereço), o manifesto, um arquivo pequeno com nome, ícone e modo de abrir, e o service worker, um código que roda no fundo do navegador, guarda telas e dados no aparelho e recebe notificações com o app fechado.
Um exemplo: uma distribuidora com vendedores na rua. O vendedor abre o PWA de pedidos pelo ícone e lança o pedido no cliente; sem sinal, o pedido fica guardado e sobe quando a conexão volta. O gerente usa o mesmo sistema no computador e recebe push quando entra pedido grande. Ninguém baixou nada em loja.
Como instalar um PWA no celular sem loja?
No Android, o Chrome oferece a instalação sozinho, num aviso na tela ou no menu de três pontos. No iPhone, a pessoa toca em compartilhar e escolhe adicionar à tela de início. Nos dois casos o ícone aparece junto dos outros apps e o PWA abre sem a barra do navegador.
O convite do Chrome só aparece quando o site cumpre os critérios de instalação do web.dev: HTTPS, manifesto com nome, ícones de 192 e 512 pixels e modo de exibição de app, e pelo menos 30 segundos de interação com a página. No iPhone não há convite automático, então o sistema precisa de uma tela curta ensinando o passo a passo. Desde o iOS 16.4, segundo o anúncio do WebKit, o motor do Safari, de fevereiro de 2023, outros navegadores do iPhone também podem adicionar sites à tela de início.
O que um PWA consegue fazer?
Um PWA consegue ter ícone na tela, abrir em tela cheia, funcionar sem internet nas telas principais, mandar notificação push com o app fechado, mostrar contador no ícone e atualizar sem revisão de loja. Também usa câmera, localização e compartilhamento do aparelho, com permissão do usuário.
Um cuidado: offline não quer dizer tudo offline. O que depende do servidor mostra um aviso e espera a rede.
Quais são as limitações do PWA no iPhone e no Android?
As limitações maiores estão no iPhone: o push só funciona com o PWA adicionado à tela de início, não existe convite automático de instalação e o Safari não libera Bluetooth, NFC nem sincronização em segundo plano pra web. No Android, com Chrome, esses recursos funcionam; o limite lá é não estar na Play Store por padrão.
O WebKit explica que, no iPhone, o pedido de permissão de notificação precisa partir de um toque do usuário, num botão como "ativar avisos". Na prática, a instalação vira parte do cadastro. A tabela de compatibilidade da MDN, consultada em outubro de 2026, confirma as outras ausências no Safari do iPhone.
No Android, quem quer o PWA na Play Store pode usar a Trusted Web Activity, documentada pelo Android, que abre o PWA em tela cheia dentro de um app Android do mesmo dono. Nos dois sistemas fica de fora trabalho pesado com o app fechado, como GPS contínuo.
PWA, app nativo ou site comum: qual a diferença?
Site comum abre no navegador e para aí. PWA é esse mesmo site com instalação, offline e push. App nativo é escrito separadamente pra iPhone e Android, passa pela loja e acessa o aparelho inteiro. A escolha troca custo e velocidade de atualização por alcance de hardware.
| Critério | Site comum | PWA | App nativo |
|---|---|---|---|
| Como chega ao usuário | Link ou Google | Link ou Google, instala pelo navegador | App Store ou Play Store |
| Ícone e tela cheia | Não | Sim | Sim |
| Sem internet | Não | Nas telas preparadas | Sim |
| Notificação push | Não | Sim; no iPhone, só instalado | Sim |
| Bluetooth, NFC, segundo plano | Não | Parcial no Android, não no iPhone | Sim |
| Atualização | Imediata | Imediata | Passa pela revisão da loja |
| Aparece no Google | Sim | Sim, nas telas públicas | Só a página da loja |
A comparação de custo entre PWA, nativo e multiplataforma, com as taxas das lojas, está no guia quanto custa criar um aplicativo.
Quando escolher PWA e quando não?
Escolha PWA quando o app é de pedido, agenda, catálogo, painel, área do cliente ou ferramenta interna, e o que importa é estar no celular, avisar e aguentar sinal ruim. Não escolha quando o produto depende de hardware que o iPhone não libera pra web, ou quando estar na App Store faz parte do marketing.
Se o público usa mais o computador, um web app resolve sem a camada de PWA; o Tikfy, um dos nossos cases, roda inteiro no navegador, com editor de vídeo.
Sendo honesto: se o caso pede app nativo, a VTA não é o fornecedor, e a gente diz isso na primeira conversa. Se o orçamento é menor que o piso, projetos a partir de R$ 20 mil, uma ferramenta pronta que já tenha app costuma ser o melhor começo. Quando o PWA faz sentido, veja o que entra em WebApps e PWA ou peça um orçamento: resposta no mesmo dia, com escopo, prazo e preço fechados.
Perguntas frequentes
O que significa PWA?
PWA é a sigla de Progressive Web App, ou aplicativo web progressivo: um site que instala no celular e no computador, abre em tela cheia, funciona offline e manda notificação. Progressivo porque roda em qualquer navegador e ganha recursos onde o aparelho permite.
PWA funciona no iPhone?
Funciona. A instalação é pelo botão de compartilhar, em adicionar à tela de início, e desde o iOS 16.4 o PWA instalado recebe push e mostra contador no ícone. O iPhone não libera pra web Bluetooth, NFC nem sincronização em segundo plano.
PWA precisa estar na App Store ou na Play Store?
Não. Ele instala pelo navegador, sem loja, sem conta de desenvolvedor e sem revisão. Pra ter presença na Play Store, dá pra empacotar o PWA num app Android com a Trusted Web Activity. Na App Store, o caminho é um app de loja, nativo ou multiplataforma.
PWA funciona sem internet?
Nas telas preparadas pra isso, sim. O service worker guarda telas e dados no aparelho, e um pedido pode esperar na fila até a conexão voltar. O que depende do servidor em tempo real, como estoque atualizado, precisa de rede.
Dá pra transformar um sistema existente em PWA?
Na maioria dos casos, sim. Ícone e tela cheia vêm do manifesto; offline e push vêm do service worker, e os dois entram num sistema web que já funciona, sem reescrever. O trabalho maior é decidir quais telas abrem sem internet e o que fazer quando a rede volta.
Quer orçamento de quem constrói?
Conta o que você precisa e devolvemos a proposta com valor e prazo fechados.