Client API Pizza
đ Clonez : https://github.com/dupontdenis/clientAPIPizzaRender.git
Cette application affiche et filtre les pizzas en interrogeant une API distante depuis le navigateur. L'URL de l'API est définie dans app.mjs : https://pizzaapi-2.onrender.com/api/pizzas/.
Lancer le client avec Live Server
- Ouvrez le dossier du projet dans Visual Studio Code.
- Installez l'extension Live Server si elle n'est pas déjà présente.
- Ouvrez
index.html, puis cliquez sur Go Live dans la barre d'état (ou faites un clic droit sur le fichier et choisissez Open with Live Server). - La page s'ouvre dans le navigateur. La liste des pizzas est chargée depuis l'API distante ; cliquez sur une pizza pour afficher son détail ou utilisez le formulaire pour filtrer.
Live Server sert uniquement les fichiers du client en local. Il ne lance pas l'API : une connexion Internet est nécessaire pour accéder à l'API distante.
Tester l'API sans client
Il est aussi possible d'appeler directement l'API, sans lancer l'application ni installer de client. Ouvrez simplement une URL dans un navigateur : la réponse est renvoyée au format JSON.
- Recherche avec đ· ou đ : https://pizzaapi-2.onrender.com/api/pizzas/?ingredients=đ·,đ &mode=or
- Recherche avec đ· et đ : https://pizzaapi-2.onrender.com/api/pizzas/?ingredients=đ·,đ &mode=and
Le paramĂštre ingredients accepte plusieurs noms sĂ©parĂ©s par des virgules. En mode or, une pizza est retenue si elle contient au moins l'un des ingrĂ©dients demandĂ©s. En mode and, elle doit contenir tous les ingrĂ©dients demandĂ©s. Sans paramĂštre mode, l'API utilise or par dĂ©faut. Les emojis peuvent ĂȘtre saisis directement dans l'URL ; le navigateur les encode lors de l'envoi.
La mĂȘme requĂȘte peut ĂȘtre faite dans un terminal avec curl :
curl.exe -i -G "https://pizzaapi-2.onrender.com/api/pizzas/" --data-urlencode "ingredients=đ·,đ
" --data-urlencode "mode=or"
DĂ©pannage
Si les donnĂ©es ne s'affichent pas, vĂ©rifiez la connexion Internet et consultez la console du navigateur. Si le navigateur signale une erreur CORS, l'API distante doit autoriser les requĂȘtes provenant de l'adresse locale utilisĂ©e par Live Server ; ce rĂ©glage se fait cĂŽtĂ© API, pas dans Live Server.