Chapitre 2 — Prise en main en 5 minutes

Objectif : voir le magasin fonctionner chez vous en quelques minutes.

1. Téléchargez les deux fichiers du projet : index.html et manifest.json.
2. Créez un dossier sur votre ordinateur (par exemple : MagasinFichiers). Glissez-y ces deux fichiers.
3. Ouvrez le fichier index.html en double-cliquant dessus. Votre navigateur s’ouvre : la page du magasin apparaît.
4. Vérifiez que la liste se charge et que les cartes s’affichent. Essayez la barre de recherche, les filtres et le tri.
5. Repérez où mettre vos documents : vous pouvez créer des sous-dossiers (pdfs, images, videos, zips…) et y déposer vos fichiers. Vous les indiquerez ensuite dans manifest.json (on verra comment au Chapitre 7 et dans les exemples du Chapitre 8).

Astuce

Si rien n’apparaît au premier essai, attendez une ou deux secondes : la page charge la liste (manifest.json). Essayez ensuite de recharger la page (Ctrl/Cmd + R).

Erreur fréquente

Vous voyez “manifest introuvable” ou la liste reste vide ? Vérifiez que index.html et manifest.json sont dans le même dossier, sans sous-dossier intermédiaire, et que vous avez bien ouvert ce index.html. Renommez les fichiers uniquement si vous savez ce que vous faites.

À retenir

• Deux fichiers suffisent pour tester : index.html + manifest.json.- Ouvrir index.html dans le navigateur = le site fonctionne.- Vos documents peuvent être rangés en sous-dossiers ; on les déclarera plus tard.