O que é necessário para ser instalável?
Os Progressive Web Apps (PWAs) são aplicativos modernos e de alta qualidade desenvolvidos com tecnologia da web. Os PWAs oferecem recursos semelhantes aos dos aplicativos para iOS/Android/desktop, são confiáveis mesmo em condições de rede instáveis e são instaláveis, tornando mais fácil para os usuários localizá-los e usá-los.
A maioria dos usuários está familiarizada com a instalação de aplicativos e com os benefícios de uma experiência de instalação. Os aplicativos instalados aparecem nas áreas 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 iOS. Os aplicativos instalados também aparecem no seletor de atividades, nos mecanismos de pesquisa do dispositivo, como o Spotlight, e nas planilhas de compartilhamento de conteúdo.
A maioria dos navegadores indica ao usuário que seu Progressive Web App (PWA) pode ser instalado quando atende a determinados critérios. Entre exemplos de indicadores, temos o botão Instalar na barra de endereço ou o item de menu Instalar no menu suspenso.


Além disso, quando os critérios são atendidos, muitos navegadores disparam um evento beforeinstallprompt
, permitindo que você forneça uma experiência de usuário personalizada dentro do aplicativo que acionará o fluxo de instalação no aplicativo.
Critérios de instalação #
No Chrome, seu Progressive Web App deve atender aos seguintes critérios antes de disparar o evento beforeinstallprompt
e mostrar a divulgação de instalação no navegador:
- O aplicativo da web ainda não está instalado
- Atende a uma heurística de engajamento do usuário
- É fornecido por HTTPS
- Inclui um manifesto de aplicativo da web que tenha:
short_name
ouname
icons
– deve incluir um ícone de 192 e de 512 pixelsstart_url
display
– deve serfullscreen
,standalone
ouminimal-ui
prefer_related_applications
não deve estar presente ou serfalse
- Registra um trabalho de serviço com um manipulador
fetch
Outros navegadores têm critérios de instalação semelhantes, embora possa haver pequenas diferenças. Verifique os respectivos sites para conferir todos os detalhes: