index.md

layout	title	description	codelabs	date	updated
layouts/doc-post.njk	O manifesto do aplicativo da web não atende aos requisitos de instalabilidade	Aprenda como tornar seu Progressive Web App instalável.	codelab-make-installable	2019-05-04	2019-09-19

A instalabilidade é um requisito básico dos Progressive Web Apps (PWAs). Ao solicitar aos usuários que instalem seu PWA, você permite que eles o adicionem às telas iniciais. Os usuários que adicionam aplicativos às telas iniciais se envolvem com esses aplicativos com mais frequência.

Um manifesto de aplicativo da web inclui informações importantes necessárias para tornar seu aplicativo instalável.

Como a auditoria de manifesto do aplicativo da web Lighthouse falha

O Lighthouse sinaliza páginas que não têm um manifesto de aplicativo da web que atenda aos requisitos mínimos de instalação:

{% Img src="image/tcFciHGuF3MxnTr1y5ue01OGLBn2/039DlaixA4drrswBzSra.png", alt="Auditoria do farol mostrando que o usuário não pode instalar o aplicativo da web a partir da tela inicial", width="800", height="98" %}

Se o manifesto de uma página não incluir as seguintes propriedades, ele falhará na auditoria:

• Um short_name ou propriedade de name
• Uma icons que inclui um ícone de 192x192 px e um ícone de 512x512 px
• Uma propriedade start_url
• Uma propriedade display ajustada para fullscreen, standalone ou minimal-ui
• Uma propriedade prefer_related_applications definida com um valor diferente de true.

{% Aside 'caution' %} Um manifesto de aplicativo da web é necessário para que seu aplicativo seja instalável, mas não é suficiente. Para saber como atender a todos os requisitos de instalabilidade, consulte a postagem Descubra o que é preciso para ser instalável. {% endAside %}

{% Partial 'lighthouse-pwa/scoring.njk' %}

Como tornar seu PWA instalável

Certifique-se de que seu aplicativo tenha um manifesto que atenda aos critérios acima. Consulte a coleção instalável para obter mais informações sobre como criar um PWA.

Como verificar se o seu PWA pode ser instalado

No Chrome

Quando seu aplicativo atende aos requisitos mínimos de instalação, o Chrome dispara um beforeinstallprompt que você pode usar para solicitar que o usuário instale seu PWA.

{% Aside 'codelab' %} Saiba como tornar seu aplicativo instalável no Chrome com o codelab Torná-lo instalável. {% endAside %}

Em outros navegadores

Outros navegadores têm critérios diferentes para instalação e para acionar o evento beforeinstallprompt. Verifique seus respectivos sites para obter todos os detalhes:

• Edge
• Firefox
• Opera
• Samsung Internet
• Navegador UC

Recursos

• O código-fonte para auditoria Manifesto do aplicativo da web não atende aos requisitos de instabilidade
• Adicionar um manifesto de aplicativo da web
• Descubra o que é necessário para ser instalável
• Manifesto de aplicativo da web
• Não usa HTTPS