Pular pro conteúdo do manual

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):

  1. Abre o app no Chrome
  2. Toca no menu (três pontinhos no canto superior direito)
  3. Escolhe "Adicionar à tela inicial" ou "Instalar app"
  4. 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.)

O atalho 'Instalar como app (iOS)' fica no menu Mais e te traz pra cá.

Passo a passo:

  1. Com o app aberto no Safari, toca em "…" (último ícone da barra inferior)
  2. No menu, toca em "Compartilhar"
  3. Rola o painel pra cima e escolhe "Adicionar à Tela de Início"
  4. Confere o nome ("Meu Gatinho Dodói!") e toca em "Adicionar"
  1. Passos 1-2: '…' → 'Compartilhar'.
  2. Passo 3: rola o painel até 'Adicionar à Tela de Início'.
  3. 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.
  4. 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 →