Apprendre les bases de JSON par un tutoriel interactif étape par étape (pour débutants)

Avancé

Ceci est unBuilding Blocksworkflow d'automatisation du domainecontenant 20 nœuds.Utilise principalement des nœuds comme Set, ManualTrigger. Apprendre les bases du JSON par le biais de tutoriels interactifs et étape par étape (pour débutants)

Prérequis
  • Aucun prérequis spécial, prêt à l'emploi après importation

Nœuds utilisés (20)

Aperçu du workflow
Visualisation des connexions entre les nœuds, avec support du zoom et du déplacement
Exporter le workflow
Copiez la configuration JSON suivante dans n8n pour importer et utiliser ce workflow
{
  "meta": {
    "instanceId": "e409ea34548a2afe2dffba31130cd1cf2e98ebe2afaeed2a63caf2a0582d1da0"
  },
  "nodes": [
    {
      "id": "8edca697-2dc4-490e-9850-60a96284c299",
      "name": "Exécuter pour démarrer",
      "type": "n8n-nodes-base.manualTrigger",
      "position": [
        -2000,
        100
      ],
      "parameters": {},
      "typeVersion": 1
    },
    {
      "id": "cb671298-90c8-4c39-a91c-d993c8ecf1b2",
      "name": "Chaîne de caractères",
      "type": "n8n-nodes-base.set",
      "position": [
        -1380,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "json_example_string",
              "type": "string",
              "value": "This is a simple string. In JSON, it's always enclosed in double quotes."
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "a2331e78-a752-433f-a5e3-d95a373d202b",
      "name": "Clé & Valeur",
      "type": "n8n-nodes-base.set",
      "position": [
        -1660,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "key",
              "type": "string",
              "value": "value"
            },
            {
              "id": "b5f030f4-6650-4181-881f-de44790bb24b",
              "name": "another_key",
              "type": "string",
              "value": "another_value"
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "f6ffeffb-98c3-4278-8ec5-2aa39220924d",
      "name": "Nombre",
      "type": "n8n-nodes-base.set",
      "position": [
        -1100,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "json_example_integer",
              "type": "number",
              "value": 10
            },
            {
              "id": "12345",
              "name": "json_example_float",
              "type": "number",
              "value": 12.5
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "410682bb-a744-4db6-b08b-a63f67741576",
      "name": "Booléen",
      "type": "n8n-nodes-base.set",
      "position": [
        -820,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "json_example_boolean",
              "type": "boolean",
              "value": true
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "5e2948b0-6d60-4f4a-a150-89d41e8c4ed7",
      "name": "Tableau",
      "type": "n8n-nodes-base.set",
      "position": [
        -260,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "json_example_array",
              "type": "array",
              "value": "[\"first element\", 2, false, null]"
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "8f7dc470-f140-4427-970d-738cef81b7fa",
      "name": "Objet",
      "type": "n8n-nodes-base.set",
      "position": [
        20,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "json_example_object",
              "type": "object",
              "value": "{\"key\":\"value\",\"array\":[1,2,3],\"boolean\":false,\"integer\":123,\"sub_object\":{\"sub_key\":\"Find me!\"}}"
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "0622c22e-920c-4122-9143-15c310da3861",
      "name": "Note adhésive",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -2220,
        -360
      ],
      "parameters": {
        "color": 7,
        "width": 460,
        "height": 620,
        "content": "### Tutorial - What is JSON?\n\nWelcome! This workflow will teach you the basics of JSON, the language that apps and n8n nodes use to exchange information.\n\n**What is JSON?**\nImagine a contact card:\n- **Name:** John Doe\n- **Age:** 30\n- **Has Children:** Yes\n- **Phone Numbers:** [\"555-1234\", \"555-5678\"]\n\n\nJSON is just a way of writing this down so a computer can understand it perfectly.\n\n**How to use this tutorial:**\n1.  Click **\"Execute Workflow\"**.\n2.  Click on each node, one by one, in order.\n3.  Look at the node's output in the panel on the right and read the associated sticky note to understand what's happening."
      },
      "typeVersion": 1
    },
    {
      "id": "9be83d5e-2a5f-4ae2-8480-520ba0f5fa6b",
      "name": "Note adhésive1",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -1740,
        -240
      ],
      "parameters": {
        "width": 260,
        "height": 500,
        "content": "#### The Heart of JSON: Key & Value\n\nEverything in JSON is built on this pair:\n- A **Key** (the name of the data, always in double quotes `\"`).\n- A **Value** (the data itself).\n\n\n`\"key\": \"value\"`\n\nIn this node's output, you see two key/value pairs. This is the basic building block for everything that follows."
      },
      "typeVersion": 1
    },
    {
      "id": "a4855cf1-8d0d-4c2f-acaf-0f9127a58418",
      "name": "Note adhésive2",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -1460,
        -240
      ],
      "parameters": {
        "width": 260,
        "height": 500,
        "content": "#### Data Type: String\n\nA string is simply **text**.\n- **Syntax:** The text is always enclosed in double quotes `\" \"`.\n\n\nLook at the output: the value of `json_example_string` is the text we defined."
      },
      "typeVersion": 1
    },
    {
      "id": "016132fc-2d78-4ef3-87ed-c4e91ccca2f4",
      "name": "Note adhésive3",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -1180,
        -240
      ],
      "parameters": {
        "width": 260,
        "height": 500,
        "content": "#### Data Type: Number\n\nThis is simply a number. It can be a whole number (integer) like 10, or a decimal (float) like 12.5.\n- **Syntax:** Just write the number directly, **WITHOUT quotes**.\n\n\n`\"age\": 30` (Correct)\n`\"age\": \"30\"` (Incorrect, this is a String!)\n\nThis distinction is crucial for doing math!"
      },
      "typeVersion": 1
    },
    {
      "id": "b5122335-74de-4f59-b72d-898e9e0a0667",
      "name": "Note adhésive4",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -900,
        -240
      ],
      "parameters": {
        "width": 260,
        "height": 500,
        "content": "#### Data Type: Boolean\n\nThis is a value that can only be **TRUE** or **FALSE**.\n- **Syntax:** `true` or `false` (always lowercase and **WITHOUT quotes**).\n\n\nThink of it like a light switch: on (`true`) or off (`false`). It's very useful for conditions (If/Then logic)."
      },
      "typeVersion": 1
    },
    {
      "id": "e697becb-8572-4ab5-b675-d7bb9015fc09",
      "name": "Note adhésive5",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -340,
        -240
      ],
      "parameters": {
        "width": 260,
        "height": 500,
        "content": "#### Data Type: Array\n\nAn array is an **ordered list** of items.\n- **Syntax:** Starts with `[` and ends with `]`. Items are separated by commas.\n\n\nAn array can hold anything: strings, numbers, booleans, and even other arrays or objects!"
      },
      "typeVersion": 1
    },
    {
      "id": "7a5e09f8-3a36-43c3-8740-deb602c320ef",
      "name": "Note adhésive6",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -60,
        -240
      ],
      "parameters": {
        "width": 280,
        "height": 500,
        "content": "#### Data Type: Object (JSON Object)\n\nThis is the main concept! An object is a **collection of key/value pairs**.\n- **Syntax:** Starts with `{` and ends with `}`.\n\n\nThis is what allows us to structure complex data, like our contact card from the beginning. Notice how this object contains all the other data types we've seen!"
      },
      "typeVersion": 1
    },
    {
      "id": "295696bd-cc6a-4812-aad3-9c0189166120",
      "name": "Null",
      "type": "n8n-nodes-base.set",
      "position": [
        -540,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "json_example_null",
              "type": "null",
              "value": null
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "9fd77ab6-99aa-4b1f-90df-ba2cfbd99410",
      "name": "Note adhésive7",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -620,
        -240
      ],
      "parameters": {
        "width": 260,
        "height": 500,
        "content": "#### Data Type: Null\n\nThis special type means \"nothing,\" \"no value,\" or \"empty.\"\n- **Syntax:** `null` (lowercase and **WITHOUT quotes**).\n\n\nIt's different from `0` (which is a number) or `\"\"` (which is an empty string). `null` is the intentional absence of a value."
      },
      "typeVersion": 1
    },
    {
      "id": "ffb386b3-73c9-48d5-8b85-31bcb20ad301",
      "name": "Utiliser JSON (Expressions)",
      "type": "n8n-nodes-base.set",
      "position": [
        360,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "message",
              "type": "string",
              "value": "=Hello, the number from the tutorial is: {{ $('Number').item.json.json_example_integer }}"
            },
            {
              "id": "61f385f4-b8e2-4c69-b873-9ffc3ab3fe94",
              "name": "sub_key",
              "type": "string",
              "value": "={{ $json.json_example_object.sub_object.sub_key }}"
            },
            {
              "id": "bd752a0f-64bf-44b1-b39b-fca28e86aa5b",
              "name": "array_second_item",
              "type": "string",
              "value": "={{ $json.json_example_object.array[1] }}"
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "43dae41f-2bfc-4acb-a4b5-072d5bc1c20a",
      "name": "Note adhésive8",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        240,
        -240
      ],
      "parameters": {
        "color": 5,
        "width": 340,
        "height": 500,
        "content": "#### ⭐ THE KEY STEP: Using JSON in n8n!\n\nNow for the magic. How do you use data from a previous node? With **expressions** `{{ }}`.\n\nThis node creates a custom message. Look at the value of the `message` field:\n`Hello, the number from the tutorial is: {{ $('Number').item.json.json_example_integer }}`\n\nIt dynamically pulled the number `10` from the \"Number\" node! This is how you make your nodes talk to each other."
      },
      "typeVersion": 1
    },
    {
      "id": "34aeec49-684c-4b49-9c64-9946d5554e4e",
      "name": "Examen final",
      "type": "n8n-nodes-base.set",
      "position": [
        720,
        100
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "e87952cb-878e-4feb-8261-342eaf887838",
              "name": "summary_string",
              "type": "string",
              "value": "={{ $('String').item.json.json_example_string }}"
            },
            {
              "id": "12345",
              "name": "summary_number",
              "type": "number",
              "value": "={{ $('Number').item.json.json_example_integer }}"
            },
            {
              "id": "67890",
              "name": "summary_boolean",
              "type": "boolean",
              "value": "={{ $('Boolean').item.json.json_example_boolean }}"
            },
            {
              "id": "abcde",
              "name": "summary_null",
              "type": "null",
              "value": "={{ $('Null').item.json.json_example_null }}"
            },
            {
              "id": "fghij",
              "name": "summary_array",
              "type": "array",
              "value": "={{ $('Array').item.json.json_example_array }}"
            },
            {
              "id": "klmno",
              "name": "summary_object",
              "type": "object",
              "value": "={{ $('Object').item.json.json_example_object }}"
            }
          ]
        }
      },
      "typeVersion": 3.4
    },
    {
      "id": "6f605bd8-20e4-4e0c-af7a-927e6e4ef854",
      "name": "Note adhésive9",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        600,
        -240
      ],
      "parameters": {
        "color": 6,
        "width": 340,
        "height": 500,
        "content": "#### 🎓 FINAL EXAM: Putting It All Together\n\nThis last node creates a final object by using expressions to pull data from **all the previous nodes**.\n\nClick on this node and look at the expressions in each field. It's a perfect summary of everything you've learned.\n\n**Congratulations! You now understand the basics of JSON and how to use it in n8n.**"
      },
      "typeVersion": 1
    }
  ],
  "pinData": {},
  "connections": {
    "295696bd-cc6a-4812-aad3-9c0189166120": {
      "main": [
        [
          {
            "node": "5e2948b0-6d60-4f4a-a150-89d41e8c4ed7",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "5e2948b0-6d60-4f4a-a150-89d41e8c4ed7": {
      "main": [
        [
          {
            "node": "8f7dc470-f140-4427-970d-738cef81b7fa",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "f6ffeffb-98c3-4278-8ec5-2aa39220924d": {
      "main": [
        [
          {
            "node": "410682bb-a744-4db6-b08b-a63f67741576",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "8f7dc470-f140-4427-970d-738cef81b7fa": {
      "main": [
        [
          {
            "node": "ffb386b3-73c9-48d5-8b85-31bcb20ad301",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "cb671298-90c8-4c39-a91c-d993c8ecf1b2": {
      "main": [
        [
          {
            "node": "f6ffeffb-98c3-4278-8ec5-2aa39220924d",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "410682bb-a744-4db6-b08b-a63f67741576": {
      "main": [
        [
          {
            "node": "295696bd-cc6a-4812-aad3-9c0189166120",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "a2331e78-a752-433f-a5e3-d95a373d202b": {
      "main": [
        [
          {
            "node": "cb671298-90c8-4c39-a91c-d993c8ecf1b2",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "8edca697-2dc4-490e-9850-60a96284c299": {
      "main": [
        [
          {
            "node": "a2331e78-a752-433f-a5e3-d95a373d202b",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "ffb386b3-73c9-48d5-8b85-31bcb20ad301": {
      "main": [
        [
          {
            "node": "34aeec49-684c-4b49-9c64-9946d5554e4e",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}
Foire aux questions

Comment utiliser ce workflow ?

Copiez le code de configuration JSON ci-dessus, créez un nouveau workflow dans votre instance n8n et sélectionnez "Importer depuis le JSON", collez la configuration et modifiez les paramètres d'authentification selon vos besoins.

Dans quelles scénarios ce workflow est-il adapté ?

Avancé - Blocs de construction

Est-ce payant ?

Ce workflow est entièrement gratuit et peut être utilisé directement. Veuillez noter que les services tiers utilisés dans le workflow (comme l'API OpenAI) peuvent nécessiter un paiement de votre part.

Informations sur le workflow
Niveau de difficulté
Avancé
Nombre de nœuds20
Catégorie1
Types de nœuds3
Description de la difficulté

Adapté aux utilisateurs avancés, avec des workflows complexes contenant 16+ nœuds

Auteur
Lucas Peyrin

Lucas Peyrin

@lucaspeyrin

Innovative builder with a passion for crafting automation solutions that solve real-world challenges. From streamlining workflows to driving efficiency, my work empowers teams and individuals to achieve more with less effort. Experienced in developing scalable tools and strategies that deliver results with n8n, supabase and cline.

Liens externes
Voir sur n8n.io

Partager ce workflow

Catégories

Catégories: 34