Introduction

Le module "Intégrations" vous permet de combiner facilement des API et des services en ligne grâce à la programmation visuelle. Le module offre une interface conviviale où vous pouvez faire glisser et connecter des blocs de nœuds, créant ainsi la logique de vos applications de manière visuelle. Cela simplifie le développement, le rendant accessible même à ceux qui ne sont pas des programmeurs professionnels, et accélère considérablement le processus d'intégration de divers systèmes :

Éléments Clés de l'Interface du Module d'Intégrations

Avant de commencer à créer vos premiers flux et intégrations, examinons l'interface. Comprendre comment les principaux éléments sont structurés simplifiera votre travail et vous aidera à vous habituer plus rapidement.

1. Panneau de Gauche avec Nœuds

Le panneau de gauche est l'endroit où vous trouverez tous les nœuds disponibles. Ce sont les éléments à partir desquels vous construirez vos flux de données.

Pour utiliser un nœud, il vous suffit de le faire glisser sur l'espace de travail. Tous les nœuds ont leurs objectifs spécifiques et peuvent être configurés individuellement.

Exemples de Nœuds :

• Injecter : vous permet d'envoyer manuellement des données dans le flux.
• Déboguer : affiche des données et des messages dans le menu de débogage.
• Fonction : vous permet d'écrire du code personnalisé en JavaScript.
• Modèle : utilisé pour créer des modèles de texte ou HTML.

2. Onglets

Les onglets sont situés au-dessus de l'espace de travail et vous permettent de passer d'un projet ou d'un flux de données à un autre. C'est pratique si vous travaillez sur plusieurs intégrations simultanément ou si vous souhaitez séparer la logique en plusieurs flux.

• Créer de Nouveaux Onglets : Vous pouvez ajouter un nouvel onglet en cliquant sur le bouton plus +. Chaque nouvel onglet représente un flux de données séparé, vous aidant à mieux organiser votre projet.
• Renommer des Onglets : Pour renommer un onglet, double-cliquez sur son nom et entrez un nouveau nom. Cela est particulièrement utile si vous avez de nombreux onglets et souhaitez comprendre clairement ce que chacun contient.
• Supprimer des Onglets : Vous pouvez supprimer un onglet si vous n'en avez plus besoin. Cependant, faites attention à ne pas perdre de données importantes.

Exemple : Si vous travaillez sur une intégration de paiement, vous pouvez créer des onglets séparés pour chaque service.

3. Espace de Travail

L'espace de travail est la partie centrale de l'interface où vous construisez et éditez vos flux de données.

• Placer des Nœuds : Après avoir fait glisser un nœud depuis le panneau de gauche, il apparaîtra dans l'espace de travail. Ici, vous pouvez le déplacer, le connecter à d'autres nœuds et créer la logique de votre flux.
• Connecter des Nœuds : Pour connecter des nœuds, il vous suffit de faire glisser une ligne de la sortie d'un nœud à l'entrée d'un autre. De cette manière, les données seront transmises à travers le flux d'un nœud à l'autre.
• Gérer les Flux : L'espace de travail vous permet de créer plusieurs flux de données, ce qui aide à organiser des intégrations et des logiques complexes.

Astuce : Vous pouvez zoomer avant et arrière dans l'espace de travail en utilisant votre souris ou votre pavé tactile pour voir tous les détails de votre flux.

4. Formulaire d'Édition de Nœud

Lorsque vous double-cliquez sur un nœud dans l'espace de travail, le formulaire d'édition de nœud s'ouvre. C'est une fenêtre où vous configurez le comportement du nœud.

• Champs de Paramètres : Chaque nœud a ses paramètres que vous pouvez modifier. Par exemple, dans le nœud Fonction, vous pouvez écrire et éditer du code.
• Enregistrer les Modifications : Après avoir modifié le nœud, cliquez sur le bouton Soumettre pour enregistrer les modifications.

Exemple : Dans le nœud Fonction, vous pouvez écrire du code JavaScript qui transforme des données. Dans le nœud Modèle, vous pouvez créer un modèle qui insère dynamiquement des données.

5. Panneau de Débogage

Le panneau de débogage est situé à droite et est utilisé pour afficher les données de sortie et les messages du nœud Déboguer.

• Afficher les Messages : Lorsque vous exécutez le flux de données, le nœud Déboguer envoie des messages au menu de débogage. Cela vous aide à voir ce qui se passe dans votre flux et à vérifier la validité des données.
• Filtrer les Messages : Vous pouvez filtrer les messages pour ne voir que les données dont vous avez besoin. C'est pratique lorsque vous avez beaucoup de sorties provenant de différents nœuds Déboguer.
• Effacer la Fenêtre de Débogage : Utilisez le bouton d'effacement pour supprimer les anciens messages et vous concentrer sur les nouvelles données.

Exemple : Si vous utilisez le nœud Fonction pour effectuer des calculs, ajoutez un nœud Déboguer à la fin du flux pour vérifier si votre code traite correctement les données.

6. Boutons de Contrôle

Bouton Plein Écran

• Ce bouton vous permet d'agrandir l'interface du module d'Intégrations en plein écran, ce qui est utile lorsque vous travaillez sur des flux de données complexes ou lorsque vous démontrez le projet sur un grand moniteur.
• En cliquant sur ce bouton, vous aurez plus d'espace pour l'édition et pourrez mieux voir tous les détails de vos flux.

Bouton Publier

• C'est le bouton principal qui enregistre et déploie toutes les modifications apportées à vos flux de données, les rendant actifs. Après avoir ajouté ou modifié des nœuds, assurez-vous de cliquer sur ce bouton pour que vos paramètres prennent effet.