PWA \u00e9 uma sigla que aparece cada vez mais quando o assunto \u00e9 aplicativo, mas pouca gente fora da \u00e1rea de tecnologia sabe exatamente o que significa. E a d\u00favida importa, porque a resposta muda quanto uma empresa gasta para ter um app.<\/p>\n
Resposta r\u00e1pida:<\/strong> PWA (Progressive Web App, ou aplicativo web progressivo) \u00e9 um site constru\u00eddo 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\u00e7o, pode funcionar com internet fraca ou sem conex\u00e3o e pode enviar notifica\u00e7\u00f5es. N\u00e3o precisa passar pela App Store nem pelo Google Play, e o mesmo c\u00f3digo roda no Android, no iPhone e no computador.<\/p>\n Abaixo est\u00e3o como um PWA funciona por dentro, o que ele consegue e o que n\u00e3o consegue fazer, e quando vale a pena para uma empresa.<\/p>\n PWA vem do ingl\u00eas Progressive Web App<\/em>. “Web app” porque \u00e9 feito com as mesmas tecnologias de um site (HTML, CSS e JavaScript) e roda no navegador. “Progressive” porque os recursos v\u00e3o sendo acrescentados conforme o aparelho permite: num navegador antigo, ele funciona como um site comum; num celular atual, ganha \u00edcone na tela inicial, tela cheia, uso sem internet e notifica\u00e7\u00f5es.<\/p>\n O termo foi popularizado pelo Google por volta de 2015, e hoje a tecnologia \u00e9 suportada pelos principais navegadores, com diferen\u00e7as entre eles que aparecem mais adiante. O Google mant\u00e9m um guia completo no web.dev<\/a>, e a Mozilla documenta o assunto no MDN<\/a>.<\/p>\n Tr\u00eas pe\u00e7as transformam um site em PWA:<\/p>\n Na pr\u00e1tica, o usu\u00e1rio n\u00e3o v\u00ea nada disso: ele abre um link, toca em “Instalar” (ou, no iPhone, em Compartilhar \u2192 Adicionar \u00e0 Tela de In\u00edcio) e passa a ter um \u00edcone como o de qualquer outro app.<\/p>\n Ser honesto sobre os limites evita escolher a tecnologia errada:<\/p>\n Um site comum \u00e9 feito para ser lido e encontrado; um PWA \u00e9 feito para ser usado com frequ\u00eancia, com login e dados de cada usu\u00e1rio; um app nativo \u00e9 programado separadamente para Android e iPhone e distribu\u00eddo pelas lojas. Para a maioria das empresas, a escolha fica entre os dois primeiros, porque o p\u00fablico do app j\u00e1 \u00e9 conhecido: clientes, vendedores, t\u00e9cnicos ou a pr\u00f3pria equipe.<\/p>\n A compara\u00e7\u00e3o completa, com as perguntas que ajudam a decidir, est\u00e1 no artigo minha empresa precisa de um aplicativo? Site, app web ou app nativo<\/a>.<\/p>\n Foi o caso da Escola Letra e Arte: a escola j\u00e1 tinha um sistema web para a agenda di\u00e1ria das crian\u00e7as e ganhou um app para as professoras e outro para as fam\u00edlias, instalados pelo navegador e ligados ao mesmo banco de dados. Os detalhes est\u00e3o no exemplo real deste artigo<\/a>.<\/p>\n O custo depende do que o app faz: n\u00famero de telas, perfis de usu\u00e1rio, uso sem internet, notifica\u00e7\u00f5es, pagamento e integra\u00e7\u00f5es. Como \u00e9 um \u00fanico c\u00f3digo para Android, iPhone e computador, um PWA costuma custar menos que dois aplicativos nativos, e n\u00e3o tem taxas de conta de desenvolvedor nas lojas. Na W2 Websites, o or\u00e7amento da cria\u00e7\u00e3o de aplicativos<\/a> \u00e9 feito a partir de uma conversa sobre o que o app precisa resolver.<\/p>\n N\u00e3o. Todo PWA \u00e9 responsivo, mas nem todo site responsivo \u00e9 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\u00e7\u00f5es.<\/p>\n Sim. No iPhone, o PWA \u00e9 instalado pelo Safari, no bot\u00e3o Compartilhar e depois Adicionar \u00e0 Tela de In\u00edcio. As notifica\u00e7\u00f5es funcionam a partir do iOS 16.4, com o app instalado na tela inicial.<\/p>\n Para a primeira instala\u00e7\u00e3o, sim. Depois, depende de como foi feito: com o service worker planejado para isso, ele abre as telas guardadas e registra informa\u00e7\u00f5es sem conex\u00e3o, enviando tudo quando a internet volta.<\/p>\n Sim, usando uma camada chamada Trusted Web Activity, que empacota o PWA como app da loja. Na App Store da Apple n\u00e3o existe esse caminho direto; para estar l\u00e1, \u00e9 preciso um app nativo.<\/p>\n Ele s\u00f3 funciona com HTTPS, ent\u00e3o a comunica\u00e7\u00e3o entre o app e o servidor \u00e9 sempre criptografada. A seguran\u00e7a dos dados depende, como em qualquer sistema, de login, permiss\u00f5es e de um servidor bem cuidado.<\/p>\n PWA \u00e9 a forma de ter um aplicativo usando a tecnologia da web: instala pelo navegador, roda em qualquer aparelho, atualiza sozinho e n\u00e3o depende das lojas. N\u00e3o substitui o app nativo em todos os casos, mas resolve a maioria dos aplicativos de empresa com menos custo e menos burocracia.<\/p>\n Se voc\u00ea est\u00e1 pensando num aplicativo para clientes ou para a equipe, conhe\u00e7a a cria\u00e7\u00e3o de aplicativos da W2 Websites<\/a> ou fale com a gente no WhatsApp<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" PWA \u00e9 um site que se instala como aplicativo, direto pelo navegador e sem loja. Veja como funciona, o que consegue fazer e quando vale a pena para uma empresa.<\/p>\n","protected":false},"author":4,"featured_media":28022,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[10],"tags":[],"class_list":["post-28021","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-criacao-de-sites"],"jetpack_featured_media_url":"https:\/\/w2websites.com\/blog\/wp-content\/uploads\/2026\/11\/o-que-e-pwa-capa.webp","_links":{"self":[{"href":"https:\/\/w2websites.com\/blog\/wp-json\/wp\/v2\/posts\/28021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/w2websites.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/w2websites.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/w2websites.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/w2websites.com\/blog\/wp-json\/wp\/v2\/comments?post=28021"}],"version-history":[{"count":1,"href":"https:\/\/w2websites.com\/blog\/wp-json\/wp\/v2\/posts\/28021\/revisions"}],"predecessor-version":[{"id":28023,"href":"https:\/\/w2websites.com\/blog\/wp-json\/wp\/v2\/posts\/28021\/revisions\/28023"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/w2websites.com\/blog\/wp-json\/wp\/v2\/media\/28022"}],"wp:attachment":[{"href":"https:\/\/w2websites.com\/blog\/wp-json\/wp\/v2\/media?parent=28021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/w2websites.com\/blog\/wp-json\/wp\/v2\/categories?post=28021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/w2websites.com\/blog\/wp-json\/wp\/v2\/tags?post=28021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}O que significa PWA<\/h2>\n
Como um PWA funciona por dentro<\/h2>\n
\n
O que um PWA consegue fazer<\/h2>\n
\n
O que um PWA n\u00e3o faz (ou faz com limita\u00e7\u00f5es)<\/h2>\n
\n
PWA, site e app nativo: qual a diferen\u00e7a<\/h2>\n
Quando um PWA vale a pena para uma empresa<\/h2>\n
\n
Quanto custa um PWA<\/h2>\n
Perguntas frequentes<\/h2>\n
PWA \u00e9 a mesma coisa que site responsivo?<\/h3>\n
PWA funciona no iPhone?<\/h3>\n
PWA precisa de internet?<\/h3>\n
D\u00e1 para colocar um PWA no Google Play?<\/h3>\n
PWA \u00e9 seguro?<\/h3>\n
Conclus\u00e3o<\/h2>\n