Einführung

Das Modul "Integrationen" ermöglicht es Ihnen, APIs und Online-Dienste einfach durch visuelle Programmierung zu kombinieren. Das Modul bietet eine benutzerfreundliche Oberfläche, in der Sie Knotenblöcke ziehen und verbinden können, um die Logik Ihrer Anwendungen visuell zu erstellen. Dies vereinfacht die Entwicklung, macht sie auch für Personen zugänglich, die keine professionellen Programmierer sind, und beschleunigt den Prozess der Integration verschiedener Systeme erheblich:

Schlüsselfunktionen der Benutzeroberfläche des Integrationen-Moduls

Bevor Sie mit der Erstellung Ihrer ersten Flows und Integrationen beginnen, werfen wir einen Blick auf die Benutzeroberfläche. Das Verständnis der Struktur der Hauptelemente wird Ihre Arbeit vereinfachen und Ihnen helfen, sich schneller zurechtzufinden.

1. Linkes Panel mit Knoten

Im linken Panel finden Sie alle verfügbaren Knoten. Dies sind die Elemente, aus denen Sie Ihre Datenflüsse aufbauen werden.

Um einen Knoten zu verwenden, ziehen Sie ihn einfach in den Arbeitsbereich. Alle Knoten haben ihre spezifischen Zwecke und können individuell konfiguriert werden.

Beispiele für Knoten:

• Inject: ermöglicht es Ihnen, Daten manuell in den Fluss zu senden.
• Debug: gibt Daten und Nachrichten im Debug-Menü aus.
• Function: ermöglicht es Ihnen, benutzerdefinierten Code in JavaScript zu schreiben.
• Template: wird verwendet, um Text- oder HTML-Vorlagen zu erstellen.

2. Tabs

Die Tabs befinden sich über dem Arbeitsbereich und ermöglichen es Ihnen, zwischen verschiedenen Projekten oder Datenflüssen zu wechseln. Dies ist praktisch, wenn Sie an mehreren Integrationen gleichzeitig arbeiten oder die Logik in mehrere Flows unterteilen möchten.

• Neue Tabs erstellen: Sie können einen neuen Tab hinzufügen, indem Sie auf die Plus-Taste + klicken. Jeder neue Tab stellt einen separaten Datenfluss dar, der Ihnen hilft, Ihr Projekt besser zu organisieren.
• Tabs umbenennen: Um einen Tab umzubenennen, doppelklicken Sie auf seinen Namen und geben Sie einen neuen Namen ein. Dies ist besonders nützlich, wenn Sie viele Tabs haben und klar verstehen möchten, was jeder enthält.
• Tabs löschen: Sie können einen Tab löschen, wenn Sie ihn nicht mehr benötigen. Seien Sie jedoch vorsichtig, dass Sie keine wichtigen Daten verlieren.

Beispiel: Wenn Sie an einer Zahlungsintegration arbeiten, können Sie separate Tabs für jeden Dienst erstellen.

3. Arbeitsbereich

Der Arbeitsbereich ist der zentrale Teil der Benutzeroberfläche, in dem Sie Ihre Datenflüsse erstellen und bearbeiten.

• Knoten platzieren: Nachdem Sie einen Knoten aus dem linken Panel gezogen haben, erscheint er im Arbeitsbereich. Hier können Sie ihn bewegen, mit anderen Knoten verbinden und die Logik Ihres Flusses erstellen.
• Knoten verbinden: Um Knoten zu verbinden, ziehen Sie einfach eine Linie vom Ausgang eines Knotens zum Eingang eines anderen. Auf diese Weise werden Daten durch den Fluss von einem Knoten zum anderen weitergegeben.
• Flows verwalten: Der Arbeitsbereich ermöglicht es Ihnen, mehrere Datenflüsse zu erstellen, was hilft, komplexe Integrationen und Logik zu organisieren.

Tipp: Sie können in den Arbeitsbereich hinein- und herauszoomen, indem Sie Ihre Maus oder Ihr Touchpad verwenden, um alle Details Ihres Flusses zu sehen.

4. Knotenbearbeitungsformular

Wenn Sie doppelt auf einen Knoten im Arbeitsbereich klicken, öffnet sich das Knotenbearbeitungsformular. Dies ist ein Fenster, in dem Sie das Verhalten des Knotens konfigurieren.

• Einstellungsfelder: Jeder Knoten hat seine Parameter, die Sie bearbeiten können. Zum Beispiel können Sie im Function-Knoten Code schreiben und bearbeiten.
• Änderungen speichern: Nachdem Sie den Knoten bearbeitet haben, klicken Sie auf die Schaltfläche Submit, um die Änderungen zu speichern.

Beispiel: Im Function-Knoten können Sie JavaScript-Code schreiben, der Daten transformiert. Im Template-Knoten können Sie eine Vorlage erstellen, die Daten dynamisch einfügt.

5. Debug-Panel

Das Debug-Panel befindet sich rechts und wird verwendet, um Ausgabedaten und Nachrichten vom Debug-Knoten anzuzeigen.

• Nachrichten anzeigen: Wenn Sie den Datenfluss ausführen, sendet der Debug-Knoten Nachrichten an das Debug-Menü. Dies hilft Ihnen zu sehen, was in Ihrem Fluss passiert und die Richtigkeit der Daten zu überprüfen.
• Nachrichten filtern: Sie können Nachrichten filtern, um nur die Daten zu sehen, die Sie benötigen. Dies ist praktisch, wenn Sie viele Ausgaben von verschiedenen Debug-Knoten haben.
• Debug-Fenster leeren: Verwenden Sie die Löschtaste, um alte Nachrichten zu entfernen und sich auf neue Daten zu konzentrieren.

Beispiel: Wenn Sie den Function-Knoten verwenden, um Berechnungen durchzuführen, fügen Sie am Ende des Flusses einen Debug-Knoten hinzu, um zu überprüfen, ob Ihr Code die Daten korrekt verarbeitet.

6. Steuerungstasten

Vollbildtaste

• Diese Taste ermöglicht es Ihnen, die Benutzeroberfläche des Integrationen-Moduls auf Vollbild zu erweitern, was nützlich ist, wenn Sie an komplexen Datenflüssen arbeiten oder das Projekt auf einem großen Monitor präsentieren.
• Durch Klicken auf diese Taste haben Sie mehr Platz zum Bearbeiten und können alle Details Ihrer Flüsse besser sehen.

Veröffentlichen-Taste

• Dies ist die Haupttaste, die alle Änderungen, die Sie an Ihren Datenflüssen vorgenommen haben, speichert und bereitstellt, wodurch sie aktiv werden. Nachdem Sie Knoten hinzugefügt oder geändert haben, stellen Sie sicher, dass Sie auf diese Taste klicken, damit Ihre Einstellungen wirksam werden.