Skip to content
Sobre Blog Aprender Explorar padrões Case studies
Nesta página
  • Critérios de instalação

O que é necessário para ser instalável?

Feb 14, 2020 — Atualizado May 19, 2021
Available in: English, Español, Русский, 中文, 日本語 e 한국어
Appears in: Aplicações Web Progressivas
Pete LePage
Pete LePage
TwitterGitHubGlitchHomepage
Nesta página
  • Critérios de instalação

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.

Captura de tela do omnibox com indicador de instalação visível.
Divulgação de instalação fornecida pelo navegador (desktop)
Captura de tela da divulgação de instalação fornecida pelo navegador.
Divulgação de instalação fornecida pelo navegador (dispositivos móveis)

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 ou name
    • icons – deve incluir um ícone de 192 e de 512 pixels
    • start_url
    • display – deve ser fullscreen , standalone ou minimal-ui
    • prefer_related_applications não deve estar presente ou ser false
  • 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:

  • Edge
  • Firefox
  • Opera
  • Samsung Internet
  • UC Browser
No Android, se o manifesto do aplicativo da web incluir related_applications e "prefer_related_applications": true , o usuário será direcionado para a Google Play Store e solicitado a instalar o aplicativo Android especificado.
Aplicações Web Progressivas
Last updated: May 19, 2021 — Improve article
Return to all articles
Compartilhar
assinar

Contribute

  • Registrar um bug
  • Visualizar código-fonte

Conteúdo relacionado

  • developer.chrome.com
  • Atualizações do Chrome
  • Estudos de caso
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos os produtos
  • Termos e privacidade
  • Diretrizes da comunidade

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.