.WEBMANIFEST Extension de fichier

Les PWA sont des applications web qui peuvent être installées sur un appareil, généralement sur le bureau ou l’écran d’accueil de l’appareil. Les utilisateurs peuvent ainsi accéder à l’application web comme ils accéderaient à une application native du système d’exploitation.

Par exemple, dans Google Chrome, les utilisateurs peuvent accéder à app.starbucks.com, ouvrir le menu Paramètres de Google Chrome, puis sélectionner Install Starbucks pour installer la PWA Starbucks. Cela crée une application Starbucks que les utilisateurs peuvent ouvrir et utiliser pour passer des commandes via app.starbucks.com.

Chaque PWA comprend un fichier WEBMANIFEST, qui est un fichier JSON spécifiant le nom de l’application, l’URL de démarrage (l’URL utilisée pour charger l’écran principal de l’application), les icônes de l’application et de nombreux autres paramètres. Chaque fichier WEBMANIFEST peut inclure les objets JSON suivants :

• background_color : définit la couleur d’arrière-plan de l’écran de chargement de la PWA
• categories : définit la ou les catégories auxquelles appartient la PWA
• description : explique le but de l’application
• dir : définit la direction par défaut dans laquelle la PWA affiche le texte (de gauche à droite ou de droite à gauche)
• display : définit le mode d’affichage préféré de la PWA ; peut être défini sur fullscreen, standalone, minimal-ui ou browser
• iarc_rating_id : contient le code de certification de la PWA attribué par l’International Age Rating Coalition
• icons : spécifie les images utilisées comme icônes de la PWA
• lang : spécifie la langue principale de la PWA
• name : spécifie le nom de la PWA
• orientation : spécifie l’orientation par défaut de la PWA ; peut être définie sur any, natural, landscape, landscape-primary, landscape-secondary, portrait, portrait-primary ou portrait-secondary
• prefer_related_applications : spécifie si les application(s) répertoriées dans l’objet related_applications doivent être privilégiées et ouvertes à la place de la PWA
• protocol_handlers : répertorie les protocoles que la PWA peut enregistrer et gérer
• related_applications : répertorie les applications natives qu’un système d’exploitation peut exécuter à la place de la PWA
• scope : limite les pages web qui peuvent être consultées dans la PWA
• screenshots : spécifie les images à utiliser comme captures d’écran de la PWA dans les boutiques de PWA
• short_name : définit le nom court de la PWA lorsque le nom complet ne peut pas être affiché
• shortcuts : définit les URL utilisées comme liens vers les tâches ou pages importantes incluses dans la PWA ; sert à créer un menu contextuel
• start_url : URL à charger par défaut lorsque l’utilisateur ouvre la PWA
• theme_color : définit la couleur de thème par défaut de la PWA

La plupart des fichiers WEBMANIFEST n’incluent que certains des paramètres ci-dessus. Les développeurs créent généralement un lien vers les fichiers WEBMANIFEST dans le fichier .HTML principal d’une PWA.