Comment utiliser : Trouveur de chemin JSON
- Collez du JSON : un payload de webhook provenant de Webflow, HubSpot ou Stripe, une réponse d’API, ou un exemple de sortie de Make ou Zapier.
- Cliquez sur n’importe quelle clé ou valeur de l’arborescence (la recherche est utile pour les gros payloads).
- Copiez le chemin correspondant au système que vous utilisez : JavaScript, JSONPath, jq, Python, PHP, n8n ou Make.
- Pour Make, indiquez le numéro du module qui a produit les données : le chemin devient
{{3.items[2].name}}.
Pourquoi un chercheur de chemin vous fait gagner du temps
Les payloads réels sont profonds : un webhook de formulaire Webflow, un contact HubSpot, un événement Stripe ou un élément de CMS peut compter des centaines de lignes d’objets et de tableaux imbriqués. Écrire data.payload.data.items[0].fieldData.name à la main oblige à compter les crochets et à deviner, et un seul index faux renvoie silencieusement undefined. Un clic sur la valeur vous donne immédiatement le chemin exact.
Comparaison des syntaxes de chemin
| Syntaxe | Exemple | Remarques |
|---|---|---|
| JavaScript | data.items[1].name | Les clés avec espaces utilisent ["company name"] |
| JSONPath | $.items[1].name | Utilisé par de nombreuses API, les tests Postman et certains outils no-code |
| jq | .items[1].name | Processeur JSON en ligne de commande |
| Python / PHP | data["items"][1]["name"] | Accès par crochets sur les dictionnaires et les tableaux |
| n8n | {{ $json.items[1].name }} | Syntaxe d’expression dans les champs des nœuds |
| Make | {{1.items[2].name}} | Les tableaux commencent à 1 ; le premier nombre est le module |
Les tableaux indexés à partir de 1 dans Make
Partout ailleurs, le premier élément d’un tableau est [0] ; dans Make, c’est [1]. C’est la raison la plus fréquente pour laquelle un mapping renvoie une valeur vide dans Make. L’outil convertit automatiquement les index et place entre apostrophes inversées les clés contenant des espaces. Dans Zapier, les champs imbriqués apparaissent aplatis (par exemple contact__email) et les lignes de commande sont traitées comme des tableaux ; la « clé de champ Zapier » affiche la forme aplatie.
Besoin de nettoyer le JSON au préalable ? Utilisez le formateur JSON. Pour transformer des tableaux en tableaux de données, essayez JSON vers CSV ; pour les types dans le code, JSON vers TypeScript ; et pour les champs de date dans vos automatisations, le convertisseur de format de date.
Aussi recherché comme : trouver chemin json, json path finder, chemin json, mapping make, expression n8n, chemin jq, payload webhook, arborescence json en ligne.
Outils complémentaires : Trouveur de chemin JSON
- Testeur JSONPath — Saisissez une requête JSONPath et voyez immédiatement ce qu'elle sélectionne, avec le chemin exact de chaque résultat.
- Testeur de webhook — Obtenez une URL unique, envoyez-y n’importe quel webhook ou client HTTP et observez les requêtes en temps réel : en-têtes, chaîne de requête et corps mis en forme, ainsi que la vérification des signatures HMAC.
- Testeur d'API — Une alternative légère à Postman dans votre navigateur : construisez une requête HTTP, envoyez-la, puis examinez le statut, le temps de réponse, les en-têtes et le JSON mis en forme.
- Personnaliseur de formulaire HubSpot — Concevez votre formulaire HubSpot avec un aperçu en direct — champs, libellés, lignes à deux colonnes, cases à cocher, messages d’erreur et bouton d’envoi — puis copiez le CSS, le code d’intégration complet ou un Code Embed pour Webflow prêt à l’emploi.
Questions fréquentes
Mon JSON est-il envoyé sur un serveur ?
Pourquoi Make utilise-t-il [1] pour le premier élément ?
Qu’est-ce que JSONPath ?
$.store.books[0].title sélectionne une seule valeur ; il est utilisé dans les API, les outils de test et certaines plateformes d’automatisation.