PWA CELULAR

A aplicação pode ser instalada como PWA (Progressive Web App) no celular, funcionando como se fosse um aplicativo normal.
Após instalar, é importante habilitar as notificações WebPush para receber alertas em tempo real.

🤖 Instalação no Android

Abra o navegador Google Chrome no celular.
Acesse a URL do sistema:
```
https://app.seusistema.com.br
```
Toque no menu (⋮ três pontinhos) no canto superior direito.
Escolha "Adicionar à tela inicial".
Confirme o nome do aplicativo e toque em Adicionar.
O ícone aparecerá na tela inicial como um app normal.

🍏 Instalação no iPhone (iOS)

Abra o navegador Safari no iPhone.
Acesse a URL do sistema:
```
https://app.seusistema.com.br
```
Toque no ícone de compartilhar (quadrado com seta para cima).
Escolha "Adicionar à Tela de Início".
Confirme o nome e toque em Adicionar.
O ícone ficará disponível na tela inicial como app.

🔔 Habilitando notificações (WebPush)

Após instalar o PWA, é necessário permitir notificações:

Abra o aplicativo PWA pela tela inicial.
Quando aparecer o aviso de permissão, clique em Permitir.

Se não aparecer o aviso:

Android:
Vá em Configurações > Apps > [Nome do PWA] > Notificações → ative Permitir.
iPhone:
Vá em Ajustes > Notificações > [Nome do PWA] → ative Permitir Notificações.

🛠️ Problemas comuns e soluções

❌ O botão "Adicionar à Tela de Início" não aparece

Android: certifique-se de usar o navegador Chrome (não funciona no Firefox/Edge).
iPhone: só funciona no Safari (não aparece no Chrome ou outros navegadores).

❌ Instalei o app, mas não recebo notificações

Verifique se as notificações estão permitidas nas configurações do celular.
Confira se o navegador está atualizado.
No iPhone, só é possível receber WebPush a partir do iOS 16.4 ou superior.

❌ O PWA abre, mas fica em branco

Verifique se o endereço do site está correto (https://app.seusistema.com.br).
Confirme se há conexão de internet no celular.
Se ainda falhar, limpe o cache do navegador e reinstale o PWA.

❌ O ícone não aparece na tela inicial

Em alguns aparelhos Android, o ícone vai para uma pasta de apps. Procure na gaveta de aplicativos.
No iPhone, verifique se não há restrições de tela (Ajustes > Tempo de Uso > Restrições).

📋 Resumo

Instale o sistema como PWA (Android via Chrome, iPhone via Safari).
O ícone aparecerá na tela inicial como app normal.
Habilite notificações para receber WebPush em tempo real.
Em caso de problemas, siga as dicas da seção Problemas comuns e soluções.

🙏 Agradecimentos

Agradecemos a todos que contribuíram para a criação deste manual.

Obrigado a Cristian Grando pela colaboração!

PWA CELULAR

Nesta página