Pular para o artigo
Solta
Comece grátis

Instalar como aplicativo

Ative Instalar como aplicativo nas configurações de um site, e qualquer pessoa que o abrir pode colocá-lo na tela inicial ou no Dock. Ele abre numa janela própria, sem o navegador em volta, como qualquer outro aplicativo.

O que você faz

Nada no site em si. Todo site já tem um endereço próprio, que é o que um aplicativo instalado é, então não há nada para preparar nem para acrescentar ao arquivo. Está em todos os planos.

Seus visitantes veem um pequeno botão Instalar app no canto inferior esquerdo, porque a maioria das pessoas não sabe que um site pode ser instalado, e os navegadores que permitem isso escondem a opção num menu. Onde o navegador tem o próprio aviso de instalação (Chrome, Edge, Samsung Internet), o botão abre esse aviso. No iPhone ou no iPad, e no Safari num Mac, ele diz o único passo a dar: Compartilhar e depois Adicionar à Tela de Início, ou Arquivo e depois Adicionar ao Dock. Fechar o botão o esconde por 30 dias.

O que ele faz

  • Ele guarda o que as pessoas salvam. Tudo o que o site guarda no navegador, como as marcações de um controle de hábitos ou o progresso de uma lista de tarefas, fica naquele dispositivo, no aplicativo, de uma visita para outra.
  • Funciona offline com a última versão que aquele dispositivo abriu. Online, ele sempre pede primeiro a versão no ar, então uma versão nova que você publica nunca fica escondida atrás de um cache.
  • O ícone é a inicial do site sobre uma cor tirada do endereço dele, e o nome é o título do site. Um site que traz o próprio manifest (o arquivo em que um aplicativo web diz qual é o seu ícone e as suas cores) ou a própria cor de tema mantém os dois.
  • Quem pode abrir não muda. Um site com senha, só para convidados ou só da equipe continua pedindo na entrada, instalado ou não.

Seu próprio botão

Com a opção ativada, a página tem window.solta.app, para um site que prefere oferecer a instalação com as próprias palavras:

if (solta.app.canInstall) {
  button.hidden = false;
  button.onclick = () => solta.app.install();
}
window.addEventListener("solta:installable", () => (button.hidden = false));

O que ele não faz

  • Um site Privado só abre dentro do Solta, e um aplicativo precisa abrir no próprio endereço, então um site Privado só pode ser instalado num dispositivo que uma das pessoas dele escolheu: Abrir neste dispositivo.
  • A opção não existe num domínio seu que abre vários sites por caminho, onde todos seriam um único aplicativo.
  • Desativar a opção remove o botão e a cópia offline na próxima vez que cada dispositivo abrir o site. Um aplicativo que alguém já instalou fica no dispositivo da pessoa até ela removê-lo, e abre o site como ele está agora.

Quem pode abrir um site, instalado ou não.

Relacionado