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_nameounameicons– deve incluir um ícone de 192 e de 512 pixelsstart_urldisplay– deve serfullscreen,standaloneouminimal-uiprefer_related_applicationsnã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: