Web App Manifest, les présentations

Le Web App Manifest est la première porte d’entrée pour tout développeur web qui s’intéresse au domaine des Progressive Web Apps. La fonctionnalité Web App Manifest permet de transformer son site internet, son blog, son site e-commerce en Progressive Web App.

C’est le fichier Web App Manifest qui va guider le navigateur en lui spécifiant les points d’entrées et les points clés de la PWA. L’une des fonctionnalités phare et par défaut lié à l’usage des Web App Manifest est la capacité de rendre un site “installable” sur l’écran d’accueil du smartphone de l’utilisateur et ce, au même niveau qu’une application native.

Le Web App Manifest est un fichier JSON ayant pour extension .webmanifest qui permet aux développeurs de centraliser les informations relatives à la PWA.

Pour le navigateur, ce fichier permet de faire la distinction entre un site web classique et une PWA, et ce, à condition qu’il soit référencé. Ce fichier permet de préciser des méta-données comme l’icône, le nom, la catégorie et la description de la PWA mais aussi certains comportements spécifiques comme le paramétrage de l’affichage de la PWA, la gestion d’un mode offline et des coupures de réseaux, la possibilité de traiter ou non des notifications push.

Après avoir déposé le fichier Manifest à la racine du dépôt ou dans un dossier, il sera nécessaire de renseigner une balise link manifest dans votre page web (index.html par exemple) juste avant la fermeture du </head> afin de référencer le fichier Manifest au sein du document. Cela dans le but de prévenir le navigateur qu’il est en présence d’une PWA et qu’il va devoir traiter ce fichier Manifest.

À noter : l’utilisation de HTTPS sur votre site est un prérequis.

Liens utiles :

Web Application Manifest (w3.org)

Web app manifests | MDN (mozilla.org)

Manifeste des applications web | MDN (mozilla.org)