Pular para o conteúdo principal

📱 PWA Celular - Android / iOS

Aprenda como instalar o sistema no celular como um PWA (Progressive Web App) e ativar as notificações para receber avisos em tempo real.

aviso

A instalação do PWA e o uso de notificações estão disponíveis apenas a partir da versão 15.0.3.

O PWA permite utilizar o sistema no celular de forma semelhante a um aplicativo comum, diretamente pela tela inicial do aparelho.

Após a instalação, recomendamos ativar as notificações para receber alertas de novas mensagens e atualizações importantes.

🤖 Instalação no Android​

Para instalar o sistema em celulares Android, utilize o navegador Google Chrome.

  1. Abra o Google Chrome no seu celular.
  2. Acesse a URL do seu sistema.

O link abaixo é apenas um exemplo:

https://app.seusistema.com.br
  1. Toque no menu (⋮), localizado no canto superior direito da tela.
  2. Selecione a opção Adicionar à tela inicial.
  3. Confirme o nome do aplicativo.
  4. Toque em Adicionar.

Após concluir esses passos, o sistema será exibido na tela inicial do celular e poderá ser aberto como um aplicativo comum.

🍏 Instalação no iPhone (iOS)​

Para instalar o sistema no iPhone, utilize o navegador Safari.

  1. Abra o Safari no seu iPhone.
  2. Acesse a URL do seu sistema.

O link abaixo é apenas um exemplo:

https://app.seusistema.com.br
  1. Toque no ícone de Compartilhamento, representado por um quadrado com uma seta para cima.
  2. Selecione a opção Adicionar à Tela de Início.
  3. Confirme o nome do aplicativo.
  4. Toque em Adicionar.

Após concluir esses passos, o sistema será adicionado à tela inicial do iPhone e poderá ser utilizado como um aplicativo.

🔔 Habilitando Notificações​

Após instalar o PWA, é necessário permitir o recebimento de notificações no celular.

  1. Abra o aplicativo PWA pela tela inicial do celular.
  2. No topo da tela, clique no ícone de sino 🔔.
  3. Permita o envio de notificações quando o navegador ou o sistema solicitar a autorização.

PWA

Pronto! A partir de agora, novas mensagens poderão gerar notificações diretamente na tela do seu celular.

dica

Caso as notificações não apareçam, verifique se elas estão permitidas tanto no sistema quanto nas configurações do navegador e do celular.

🛠️ Solução para Problemas Comuns​

Veja abaixo algumas soluções para os problemas mais comuns durante a instalação ou uso do PWA.

❌ A opção “Adicionar à Tela de Início” não aparece​

No Android, utilize o navegador Google Chrome. Outros navegadores podem não exibir essa opção corretamente.

No iPhone, essa opção está disponível pelo navegador Safari.

❌ O aplicativo foi instalado, mas não recebe notificações​

Verifique os seguintes pontos:

  • Confirme se as notificações foram permitidas ao clicar no ícone de sino 🔔 dentro do sistema;
  • Verifique se as notificações estão ativadas nas configurações do celular;
  • Certifique-se de que o navegador está atualizado;
  • No iPhone, as notificações Web Push funcionam apenas a partir do iOS 16.4.

❌ O aplicativo abre, mas a tela fica em branco​

Caso o aplicativo abra com a tela em branco, siga as verificações abaixo:

  • Confirme se a URL do sistema está correta;
  • Verifique se o celular está conectado à internet;
  • Atualize o navegador utilizado na instalação;
  • Caso o problema continue, limpe os dados/cache do navegador e instale o PWA novamente.

❌ O ícone do aplicativo não aparece na tela inicial​

No Android, verifique se o ícone foi adicionado à lista de aplicativos, também chamada de gaveta de apps.

No iPhone, verifique se existem restrições ativas em:

Ajustes > Tempo de Uso > Restrições