Os Progressive Web Apps são fáceis de instalar com um novo botão de instalação na barra de endereço (omnibox) do Chrome.
Normalmente, no computador, não há indicação de que um Progressive Web App possa ser instalado e, se for, o fluxo de instalação fica oculto no menu de três pontos.
No Chrome 76 (Beta de meados de junho de 2019), facilitamos a instalação de Progressive Web Apps no computador adicionando um botão de instalação à barra de endereço (omnibox). Se um site atender aos critérios de instalação de Progressive Web App, o Chrome vai mostrar automaticamente um ícone de instalação na barra de endereço. Um clique no botão solicita que o usuário instale o PWA.
Assim como outros eventos de instalação, é possível detectar o evento appinstalled
para detectar se o usuário instalou o PWA.
Como adicionar sua própria solicitação de instalação
Se o PWA tiver casos de uso em que é útil para o usuário instalar seu app, por exemplo, se você tiver usuários que usam o app mais de uma vez por semana, promova a instalação do PWA na interface da Web do seu app.
Para adicionar seu próprio botão de instalação personalizado, detecte o
evento beforeinstallprompt. Quando for acionado,
salve uma referência ao evento e atualize a interface do usuário para que ele
saiba que pode instalar seu Progressive Web App.
Padrões para promover a instalação do PWA
Existem três maneiras principais de promover a instalação do PWA:
- Promoção automática do navegador, como o botão de instalação da barra de endereço.
- Promoção da interface do aplicativo, em que elementos aparecem na interface do aplicativo, como banners, botões no cabeçalho ou menu de navegação etc.
- Os padrões promocionais inline intercalam promoções no conteúdo do site.
Confira os padrões de Promoção da instalação de PWA (dispositivos móveis) para mais detalhes. O foco é dispositivos móveis, mas muitos dos padrões são aplicáveis a computadores ou podem ser facilmente modificados para funcionar em experiências de computadores.