šŸ“² Instalação do PWA e habilitação de notificaƧƵes

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

  1. Abra o navegador Google Chrome no celular.

  2. Acesse a URL do sistema:

    https://app.seusistema.com.br
  3. Toque no menu (ā‹® trĆŖs pontinhos) no canto superior direito.

  4. Escolha "Adicionar Ć  tela inicial".

  5. Confirme o nome do aplicativo e toque em Adicionar.

  6. O Ć­cone aparecerĆ” na tela inicial como um app normal.


šŸ Instalação no iPhone (iOS)

  1. Abra o navegador Safari no iPhone.

  2. Acesse a URL do sistema:

    https://app.seusistema.com.br
  3. Toque no Ć­cone de compartilhar (quadrado com seta para cima).

  4. Escolha "Adicionar Ć  Tela de InĆ­cio".

  5. Confirme o nome e toque em Adicionar.

  6. O Ć­cone ficarĆ” disponĆ­vel na tela inicial como app.


šŸ”” Habilitando notificaƧƵes (WebPush)

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

  1. Abra o aplicativo PWA pela tela inicial.

  2. 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!


Atualizado