Google traz nova IU de instalação do PWA para o Chrome para Android
Um aplicativo da web progressivo é basicamente a versão light de um aplicativo completo real. Se você instalar esses aplicativos no Chrome para Android, suas futuras instalações de aplicativos PWA serão semelhantes às instalações de aplicativos nativos.
Isso ocorre porque o Google está lançando uma nova IU de instalação do PWA que se parece muito com a IU da Play Store.
Instalações PWA atuais no Chrome
Atualmente, se você abrir um site compatível com o Chrome no Android, verá um pequeno banner na parte inferior pedindo para adicionar o aplicativo à tela inicial. É assim que você instala atualmente aplicativos da web progressivos no Chrome no Android.
Esta IU de instalação não se parece com a IU de instalação do aplicativo nativo.
A nova IU de instalação do PWA no Chrome para Android
Conforme anunciado pelos desenvolvedores do Chrome no Twitter, o Google está trazendo uma interface de usuário de instalação mais avançada para aplicativos da web progressivos para o Chrome no Android.
A partir de hoje no Android, alguns usuários terão uma caixa de diálogo de instalação do PWA mais rica no Twitter.
– Quer o mesmo para o seu PWA?
– Fácil. Adicione os membros `description` e` screenshots` ao seu manifesto e pronto.Leia https://t.co/dBVxQmQMcU mais para obter detalhes pic.twitter.com/h8Sczroz4L
– Chrome Developers (@ChromiumDev) 29 de março de 2021
Esta IU se parece muito com o que você vê na loja oficial do Google Play. Há o nome do aplicativo, uma pequena descrição, algumas capturas de tela e até mesmo um botão Instalar.
Como é a aparência da nova IU do PWA
Uma vez que esta nova IU acabou de ser lançada, não há muitos aplicativos que utilizam esta nova interface de usuário. O Twitter é o primeiro a usar essa interface de instalação para seu aplicativo da web progressivo.
Nesta nova IU de instalação, agora você tem uma pequena descrição do aplicativo, algumas capturas de tela do aplicativo que você está prestes a instalar e um botão Instalar no canto superior direito do prompt.
Tocar neste botão instala o PWA em seu telefone; isso dá a você quase a mesma sensação de se você estivesse instalando um aplicativo da Play Store.
Como usar a nova IU para seu aplicativo
Se você for um desenvolvedor, precisará adicionar dois membros ao seu manifesto para utilizar esta nova IU de instalação. Adicione membros de descrição e capturas de tela ao seu arquivo de manifesto e o Chrome para Android usará a nova IU para a instalação progressiva do aplicativo da web.
Lembre-se do seguinte ao adicionar imagens ao seu aplicativo:
- A largura e a altura das imagens devem ser de pelo menos 320 px e no máximo 3840 px.
- Suas capturas de tela devem ter a mesma proporção.
- Suas capturas de tela devem usar o formato de arquivo JPG ou PNG.
- A dimensão máxima não pode ser duas vezes maior do que a dimensão mínima.
Após fazer as alterações necessárias em seu arquivo, a instalação progressiva do aplicativo da web será muito parecida com a instalação do aplicativo nativo.
Interface de instalação mais rica para PWAs no Chrome
Desenvolvedores progressivos de aplicativos da web agora podem fazer seus aplicativos usarem um prompt de instalação mais avançado no Chrome no Android. Isso incentivará mais pessoas a instalar seu aplicativo em seus telefones.
Se você for um usuário final, agora pode ver mais detalhes sobre um PWA antes de instalá-lo em seu telefone.
