Tester une API REST visuellement

Choisissez une requete, affichez sa reponse JSON et mettez en surbrillance une valeur metier dans un objet plus large.

API JSON Playground

Un mini playground pedagogique dans le blog

Cette page prolonge l'article avec une demo concrete. On selectionne un endpoint, on lit le JSON complet, puis on pointe une valeur precise pour voir exactement ou elle se situe dans la structure.

Les donnees ci-dessous sont fictives et servent uniquement a l'apprentissage.

Demo interactive

Explorer une reponse API sans quitter le site

Cliquez sur un cas d'usage puis sur une valeur metier. Le JSON complet reste visible et la zone choisie est surlignee.

Endpoint

GET /customers/42?include=accounts,recentTransfers

Statut

200 OK

Chemin JSON

data.customer.fullName

Cas a tester

Analogie guichet

Le client demande au bon guichet sa fiche detaillee avec les comptes et les operations recentes.

Parallele SQL

SELECT c.*, a.*, t.*
FROM customers c
LEFT JOIN accounts a ON a.customer_id = c.id
LEFT JOIN transfers t ON t.customer_id = c.id
WHERE c.id = 42;

Lecture de la requete

L'URL pointe vers la bonne ressource.

La methode HTTP exprime l'action demandee.

Le statut indique si la requete a abouti.

Le body JSON restitue ensuite les donnees utiles.

Valeurs a inspecter

JSON

/customers/42?include=accounts,recentTransfers

GET

Valeur selectionnee

Chemin JSON

data.customer.fullName

Value

"Stephane Malho"

Une valeur simple, mais replacee dans un objet client plus large.

Analogie guichet

Au guichet, c'est le nom affiche sur la fiche retrouvee par l'agent.

Dans l'API, la valeur se trouve dans `data.customer`.

Ce que montre cette demo

Une API peut renvoyer un objet plus riche qu'une simple ligne de table.

Le chemin JSON aide a relier une valeur a son emplacement exact.

Le parallele SQL reste utile, mais l'API ajoute une couche de service et de formatage.

Retour a l'article Revenir au blog

Last updated on Mar 26, 2026