Google apporte une nouvelle interface utilisateur d’installation PWA à Chrome pour Android
Une application Web progressive est essentiellement la version allégée d'une application complète réelle. Si vous installez ces applications dans Chrome pour Android, vos futures installations d'application PWA ressembleront à des installations d'application natives.
En effet, Google déploie une nouvelle interface utilisateur d'installation PWA qui ressemble beaucoup à l'interface utilisateur du Play Store.
Installations PWA actuelles dans Chrome
Actuellement, si vous ouvrez un site pris en charge dans Chrome sur Android, vous obtenez une petite bannière en bas vous demandant d'ajouter l'application à l'écran d'accueil. Voici comment vous installez actuellement des applications Web progressives dans Chrome sur Android.
Cette interface utilisateur d'installation ne ressemble ni ne ressemble à l'interface utilisateur d'installation d'application native.
La nouvelle interface utilisateur d'installation PWA dans Chrome pour Android
Comme annoncé par les développeurs Chrome sur Twitter, Google apporte une interface utilisateur d'installation plus riche pour les applications Web progressives à Chrome sur Android.
À partir d'aujourd'hui sur Android, certains utilisateurs obtiendront une boîte de dialogue d'installation PWA plus riche sur Twitter.
– Vous voulez la même chose pour votre PWA?
– Facile. Ajoutez le membre `description` et` screenshots` à votre manifeste et vous avez terminé.Lire https://t.co/dBVxQmQMcU plus pour plus de détails pic.twitter.com/h8Sczroz4L
– Développeurs Chrome (@ChromiumDev) 29 mars 2021
Cette interface utilisateur ressemble beaucoup à ce que vous voyez dans le Google Play Store officiel. Il y a le nom de l'application, une petite description, des captures d'écran et même un bouton Installer.
À quoi ressemble la nouvelle interface utilisateur PWA
Depuis que cette nouvelle interface utilisateur vient d'être déployée, il n'y a pas beaucoup d'applications utilisant cette nouvelle interface utilisateur. Twitter est le premier à utiliser cette interface d'installation pour son application Web progressive.
Dans cette nouvelle interface utilisateur d'installation, vous avez maintenant une petite description de l'application, quelques captures d'écran de l'application que vous êtes sur le point d'installer et un bouton Installer en haut à droite de l'invite.
Appuyez sur ce bouton pour installer le PWA sur votre téléphone; cela vous donne presque le même sentiment que si vous installez une application Play Store.
Comment utiliser la nouvelle interface utilisateur pour votre application
Si vous êtes un développeur, vous devez ajouter deux membres à votre manifeste pour utiliser cette nouvelle interface utilisateur d'installation. Ajoutez des membres de description et de captures d'écran à votre fichier manifeste, et Chrome pour Android utilisera la nouvelle interface utilisateur pour l'installation progressive de votre application Web.
Gardez les points suivants à l'esprit lorsque vous ajoutez des images à votre application:
- La largeur et la hauteur des images doivent être d'au moins 320 pixels et d'au plus 3840 pixels.
- Vos captures d'écran doivent avoir le même rapport hauteur / largeur.
- Vos captures d'écran doivent utiliser le format de fichier JPG ou PNG.
- La dimension maximale ne peut pas être deux fois plus grande que la dimension minimale.
Une fois les modifications nécessaires apportées à votre fichier, l'installation progressive de votre application Web ressemblera beaucoup à l'installation native de l'application.
Interface d'installation plus riche pour les PWA dans Chrome
Les développeurs d'applications Web progressives peuvent désormais faire en sorte que leurs applications utilisent une invite d'installation plus riche dans Chrome sur Android. Cela encouragera davantage de personnes à installer votre application sur leur téléphone.
Si vous êtes un utilisateur final, vous pouvez maintenant voir plus de détails sur une PWA avant de l'installer sur votre téléphone.