O que é necessário para a instalação?

Pete LePage

Os Progressive Web Apps (PWAs) são aplicativos modernos e de alta qualidade criados usando tecnologia da Web. Os PWAs oferecem recursos semelhantes aos apps para iOS/Android/computador, são confiáveis mesmo em condições de rede instáveis e podem ser instalados, o que facilita a descoberta e o uso por parte dos usuários.

A maioria dos usuários já está familiarizada com a instalação de aplicativos e os benefícios de uma experiência instalada. Os aplicativos instalados aparecem em superfícies de inicialização do sistema operacional, como a pasta "Aplicativos" no Mac OS X, o menu "Iniciar" no Windows e a tela inicial no Android e no iOS. Os aplicativos instalados também aparecem no seletor de atividades, nos mecanismos de pesquisa do dispositivo, como o Spotlight, e nas páginas de compartilhamento de conteúdo.

A maioria dos navegadores indica ao usuário que o App Web Progressivo (PWA) pode ser instalado quando ele atende a determinados critérios. Exemplos de indicadores incluem um botão "Instalar" na barra de endereço ou um item de menu "Instalar" no menu de overflow.

Promoção de instalação fornecida pelo navegador (computador)

Promoção de instalação fornecida pelo navegador (dispositivo móvel)

Observação: os usuários podem instalar seu app da Web mesmo que ele não atenda aos critérios de instalabilidade no Chrome. Confira Como o Chrome ajuda os usuários a instalar os apps que eles valorizam para saber mais.

Além disso, quando o critério é atendido, muitos navegadores disparam um evento beforeinstallprompt, permitindo que você forneça uma UX personalizada no app que acionará o fluxo de instalação no app.

Critérios de instalação

No Chrome, seu Progressive Web App precisa atender aos seguintes critérios antes de disparar o evento beforeinstallprompt e mostrar a promoção de instalação no navegador:

• O app da Web ainda não está instalado
• Atende às heurísticas de engajamento do usuário:
  • O usuário precisa ter clicado ou tocado na página pelo menos uma vez (a qualquer momento, mesmo durante um carregamento anterior da página)
  • O usuário precisa ter passado pelo menos 30 segundos visualizando a página (a qualquer momento)
• Ser exibido por HTTPS
• Inclui um manifesto de app da Web que inclui:
  • short_name ou name
  • icons: precisa incluir um ícone de 192 px e um de 512 px
  • start_url
  • display: precisa ser fullscreen, standalone, minimal-ui ou window-controls-overlay.
  • prefer_related_applications não pode estar presente ou ser false

Dica: é altamente recomendável fornecer capturas de tela e uma descrição para criar uma experiência de instalação ainda mais rica.

Outros navegadores têm critérios semelhantes para instalação, embora possa haver pequenas diferenças. Verifique os respectivos sites para mais detalhes:

• Edge
• Firefox

Observação : no Android, se o manifesto do app da Web incluir related_applications e "prefer_related_applications": true, o usuário vai ser direcionado para a Google Play Store e solicitar que ele instale o app Android especificado.