Comment modifier les icônes, les raccourcis, les couleurs et d'autres métadonnées de votre PWA
Lorsqu'une PWA est installée, le navigateur utilise les informations du fichier manifeste de l'application Web pour le nom de l'application, les icônes qu'elle doit utiliser et l'URL à ouvrir lorsque l'application est lancée. Mais que faire si vous devez mettre à jour les raccourcis d'application ou essayer une nouvelle couleur de thème ? Quand et comment ces modifications sont-elles reflétées dans le navigateur ?
Dans la plupart des cas, les modifications devraient être appliquées dans les 24 heures suivant le lancement de la PWA, une fois le fichier manifeste mis à jour.
Mises à jour dans Chrome pour ordinateur
Lorsque la PWA est lancée ou ouverte dans un onglet de navigateur, Chrome détermine la dernière fois que le fichier manifeste local a été vérifié pour détecter les modifications. Si le fichier manifeste n'a pas été vérifié depuis le dernier démarrage du navigateur ou depuis les 24 dernières heures, Chrome envoie une requête réseau pour le fichier manifeste, puis le compare à la copie locale.
Si certaines propriétés du fichier manifeste ont changé (voir la liste ci-dessous), Chrome met le nouveau fichier manifeste en file d'attente et l'installe une fois toutes les fenêtres fermées.
Une fois installé, tous les champs du nouveau fichier manifeste, à l'exception de icons
, sont mis à jour.
Quelles propriétés déclenchent une mise à jour ?
name
short_name
display
(voir ci-dessous)scope
shortcuts
start_url
theme_color
file_handlers
Que se passe-t-il lorsque le champ display
est mis à jour ?
Si vous passez du mode d'affichage browser
à standalone
, vos utilisateurs existants ne verront pas leurs applications s'ouvrir dans une fenêtre après la mise à jour. Il existe deux paramètres d'affichage pour une application Web : celui du fichier manifeste (que vous contrôlez) et un paramètre d'onglet de fenêtre/navigateur contrôlé par l'utilisateur. Les préférences de l'utilisateur sont toujours respectées.
Tester les mises à jour du fichier manifeste
La page chrome://web-app-internals
(disponible dans Chrome 85 ou version ultérieure) inclut des informations détaillées sur tous les PWA installés sur l'appareil. Elle peut vous aider à comprendre quand le fichier manifeste a été mis à jour pour la dernière fois, à quelle fréquence il est mis à jour, et plus encore.
Pour forcer manuellement Chrome à rechercher un fichier manifeste mis à jour, vous pouvez lancer Chrome avec l'indicateur de ligne de commande --disable-manifest-update-throttle
ou redémarrer Chrome (utilisez about://restart
). Cela réinitialise le minuteur afin que Chrome recherche un fichier manifeste mis à jour lors du prochain lancement de la PWA. Lancez ensuite la PWA. Une fois la PWA fermée, elle doit être mise à jour avec les nouvelles propriétés de fichier manifeste.
Références
Mises à jour dans Chrome pour Android
Lorsque la PWA est lancée, Chrome détermine la dernière fois que le fichier manifeste local a été vérifié pour détecter les modifications. Si le fichier manifeste n'a pas été vérifié au cours des dernières 24 heures, Chrome planifie une requête réseau pour le fichier manifeste, puis le compare à la copie locale.
Si certaines propriétés du fichier manifeste ont changé (voir la liste ci-dessous), Chrome met le nouveau fichier manifeste en file d'attente. Une fois toutes les fenêtres de la PWA fermées, l'appareil branché et connecté au Wi-Fi, Chrome demande une mise à jour du WebAPK auprès du serveur. Une fois la mise à jour effectuée, tous les champs du nouveau fichier manifeste sont utilisés.
Quelles propriétés déclenchent une mise à jour ?
name
short_name
icons
background_color
display
orientation
scope
shortcuts
start_url
theme_color
web_share_target
Si Chrome ne parvient pas à obtenir un fichier manifeste mis à jour à partir du serveur, il peut augmenter l'intervalle entre les vérifications à 30 jours.
Tester les mises à jour du fichier manifeste
La page about://webapks
inclut des informations détaillées sur tous les PWA installés sur l'appareil. Elle peut vous indiquer la date de la dernière mise à jour du fichier manifeste, sa fréquence de mise à jour, et plus encore.
Pour planifier manuellement une mise à jour du fichier manifeste, en ignorant le minuteur et le fichier manifeste local, procédez comme suit:
- Branchez l'appareil et assurez-vous qu'il est connecté au Wi-Fi.
- Utilisez le gestionnaire de tâches Android pour arrêter la PWA, puis le panneau "Applications" dans les paramètres Android pour arrêter de force la PWA.
- Dans Chrome, ouvrez
about://webapks
, puis cliquez sur le bouton "Mettre à jour" de la PWA. L'état "État de la mise à jour" devrait passer à "En attente". - Lancez la PWA et vérifiez qu'elle se charge correctement.
- Utilisez le gestionnaire de tâches Android pour arrêter la PWA, puis le panneau "Applications" dans les paramètres Android pour arrêter de force la PWA.
La mise à jour de la PWA prend généralement quelques minutes. Une fois la mise à jour terminée, l'état "Update Status" (État de la mise à jour) doit passer à "Successful" (Succès).
Références
- Enumération
UpdateReason
pour Chrome sur Android