Capítulo 2
Instalando no celular
Adicionar o app à tela inicial do iPhone ou Android pra virar quase um app nativo.
O Meu Gatinho Dodói roda no navegador, mas no celular ele pode virar quase um app nativo: ícone na tela inicial, abre em tela cheia, e os lembretes funcionam mesmo com o navegador fechado.
Esse capítulo cobre os dois sistemas: Android (Chrome) e iPhone (Safari). Se você só usa pelo computador, pode pular.
Por que instalar
O app é um PWA (Progressive Web App): site que você adiciona à tela inicial e que se comporta como aplicativo. Depois de instalado:
- Tem ícone próprio na tela inicial
- Abre em tela cheia, sem barras do navegador
- As notificações funcionam mesmo com o navegador fechado
- A tela inicial mostra um splash de boas-vindas enquanto carrega (sem mais "tela preta" parecendo travado)
No iPhone, instalar não é opcional pra receber lembretes: o iOS só permite notificações push em PWAs adicionados à tela inicial. Sem instalar, o botão "Ativar notificações" em Configurações nem aparece.
No Android (Chrome)
Atalho: no celular, toca em "Mais" (último ícone da barra inferior). Se o seu navegador suportar PWA, aparece um botão "Instalar como app" ali. Um toque, confirma na caixa que o navegador abre, e pronto.
Se preferir o caminho manual (ou se o atalho não aparecer):
- Abre o app no Chrome
- Toca no menu (três pontinhos no canto superior direito)
- Escolhe "Adicionar à tela inicial" ou "Instalar app"
- Confirma
Pronto. Toca no ícone que apareceu na tela inicial e o app abre em tela cheia.
No iPhone (Safari)
No iOS, só funciona pelo Safari:
Atalho que ajuda no iPhone: dentro do app, toca em "Mais" na barra inferior e clica em "Instalar como app (iOS)". Ele abre exatamente esse capítulo aqui pra você seguir os passos. (No iPhone, infelizmente, a Apple não permite que o app dispare a instalação automaticamente — é manual mesmo.)
Passo a passo:
- Com o app aberto no Safari, toca em "…" (último ícone da barra inferior)
- No menu, toca em "Compartilhar"
- Rola o painel pra cima e escolhe "Adicionar à Tela de Início"
- Confere o nome ("Meu Gatinho Dodói!") e toca em "Adicionar"
Passos 1-2: '…' → 'Compartilhar'. Passo 3: rola o painel até 'Adicionar à Tela de Início'. Passo 4: confere o nome e toca em 'Adicionar'. Mantém o toggle 'Abrir como app web' ligado — é o que faz abrir em tela cheia. Pronto: ícone na tela inicial, igualzinho a um app nativo.
iOS tem uma manha: depois de instalar, abre o app pelo ícone da tela inicial, não pelo Safari. As notificações push só funcionam quando o app está aberto pelo ícone. Ordem certa: adiciona à tela inicial, abre pelo ícone, aí vai em Configurações e ativa as notificações.
Pronto. Bora apresentar seu gato?
Instalado (ou não, se você usa pelo desktop), o próximo passo é cadastrar o gatinho que você vai cuidar. Capítulo 3 →