PWA

Resumo

Gerador de Progressive Web Apps com múltiplos projetos por tenant, editor visual de manifest.json, preview em tempo real, upload de ícones com geração automática de tamanhos, splash screen, configuração de navegação (display mode, orientation, start URL), controle granular de permissões (câmera, microfone, localização, notificações), integração nativa com o plugin Push e — nas tabs builds e signing — geração de builds assinados (APK/AAB) para publicação em lojas.

Para quem é

• Negócios locais e profissionais autônomos que querem app instalável sem custos de loja.
• Agências que entregam PWA para múltiplos clientes com branding separado.
• Publishers e portais que precisam de app leve com push nativo.
• Startups que querem validar com PWA antes de migrar para app nativo.

O que você pode fazer

Multi-projeto

• Vários PWAs independentes por conta (um para cada site, produto ou cliente).
• Branding, ícones e manifest próprios por projeto.

Manifest visual

• Editor visual do manifest.json com preview.
• Nome, descrição, tema, cores, categorias e screenshots.
• Preview simultâneo Android, iOS e desktop.

Ícones e splash

• Upload de um ícone-mestre e geração automática de todos os tamanhos necessários.
• Splash screen customizável por orientação.

Navegação e permissões

• Display mode: fullscreen, standalone, minimal-ui ou browser.
• Orientation: portrait, landscape ou any.
• Start URL e escopo de navegação.
• Permissions: câmera, microfone, localização e notificações com granularidade por projeto.

Builds e assinatura

• Tab Builds: pipeline de geração de APK/AAB.
• Tab Signing: upload ou geração de keystore para assinatura.
• Builds assinados prontos para Google Play Console.

Push e integração

• Integração nativa com o plugin Push (VAPID + subscribers).
• Notificações chegam no app instalado, inclusive em iOS quando elegível.

Como começar

1. Ative o PWA e clique em Novo projeto.
2. Em Manifest, informe nome, cor, categoria e start URL.
3. Em Icons, envie o ícone-mestre (mínimo 512x512).
4. Em Splash, escolha background e imagem por orientação.
5. Em Permissions, marque somente o que o app realmente precisa.
6. Em Preview, teste a instalação e em Push, conecte o plugin Push.
7. Para publicar nas lojas, gere keystore em Signing e dispare o build em Builds.

Tutoriais

• Do zero ao PWA instalável em 5 minutos — criar projeto, ícone, manifest e QR de instalação.
• Gerar APK assinado para Play Store — criar keystore, rodar build e enviar o AAB.
• Configurar push no PWA — conectar VAPID keys do plugin Push.
• Ajustar permissões — habilitar apenas câmera e notificações.
• Criar PWA para cada cliente — gerenciar múltiplos projetos na mesma conta.

Integrações com outros plugins

• Push: entregas em app instalado, com suporte a iOS elegível.
• Pages: publicar a página de destino do PWA.
• QRCodeBar: QR de instalação para flyers e material impresso.
• Accounts: autenticação no app instalado.
• Analytics: métricas específicas de instalação e retenção.

Perguntas frequentes

Posso criar mais de um PWA na mesma conta? Sim. A arquitetura é multi-projeto: cada projeto tem manifest, ícones, splash e push independentes.

Consigo gerar APK assinado para a Play Store? Sim. As tabs Builds e Signing suportam a criação de keystore e a geração de AAB/APK assinado.

Como publico na App Store? iOS não aceita PWA direto na App Store; o caminho é usar PWA instalada ou exportar um wrapper. A publicação nativa está no roadmap.

O PWA funciona offline? Sim. O service worker armazena recursos essenciais e permite navegação offline conforme a estratégia configurada.

Posso controlar quais permissões o app pede? Sim, por projeto: câmera, microfone, localização e notificações.

Como funciona o push no PWA? Via plugin Push. Subscribers captados no app instalado recebem push nativo do sistema.

Posso customizar splash por orientação? Sim, imagem e cor diferentes para portrait e landscape.

O ícone precisa ter tamanhos manuais? Não. Envie um ícone-mestre e todos os tamanhos exigidos são gerados automaticamente.

Glossário

• Manifest: arquivo JSON que descreve o PWA para o sistema.
• Service Worker: script que roda em segundo plano (cache, push, sync).
• Keystore: arquivo com chave privada para assinar builds Android.
• AAB: Android App Bundle — formato moderno da Play Store.
• VAPID: chaves de push autenticadas.

Limitações e avisos

• iOS tem restrições específicas para push e instalação; recursos variam por versão do sistema.
• Builds Android requerem keystore guardado em segurança (perda impede atualizações futuras).
• PWA não substitui app nativo em todos os casos (ex.: APIs específicas de hardware avançado).
• Alterações no manifest podem exigir reinstalação do app pelo usuário.

Relacionados

• Push — notificações nativas.
• Pages — destinos internos do app.
• QRCodeBar — QR de instalação.
• Conta - Cadastro e Login — login dentro do app.