É fácil instalar Progressive Web Apps com um novo botão na barra de endereço (omnibox) do Chrome.
Na área de trabalho, normalmente não há indicações ao usuário de que há Progressive Web Apps instalados. E, se houver, o fluxo de instalação ficará oculto no menu de três pontos.
No Chrome 76 (Beta, meados de junho de 2019), ficou mais fácil instalar apps da Web progressivos na área de trabalho com a inclusão de um botão de instalação na barra de endereço (omnibox). Se um site atender aos critérios de instalação de um Progressive Web App, o Chrome vai mostrar automaticamente um ícone de instalação na barra de endereço. Basta clicar no botão para que o usuário instale o PWA.
Assim como outros eventos de instalação, é possível detectar o evento appinstalled
para saber 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 o 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 app.
Para adicionar seu próprio botão de instalação personalizado, detecte o
evento beforeinstallprompt
. Quando ele for acionado,
salve uma referência ao evento e atualize a interface do usuário para informar ao usuário
que ele pode instalar o Progressive Web App.
Padrões para promover a instalação do seu PWA
Há três maneiras principais de promover a instalação da 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 da interface aparecem na interface do aplicativo, como banners, botões no cabeçalho ou menu de navegação etc.
- Os padrões promocionais inline interligam as promoções no conteúdo do site.
Confira os padrões em Como promover a instalação do PWA (dispositivos móveis) para ver mais detalhes. O foco é o dispositivo móvel, mas muitos dos padrões são aplicáveis a computadores ou podem ser facilmente modificados para funcionar em experiências de computador.