---
title: Workflow Designer
slug: workflow-designer
docTags:
createdAt: 2023-01-09T11:29:05.000Z
---
Im Workflowdesigner können aus den einzelnen Komponenten in der linken Komponenten-Bibliothek auf der mittleren Arbeitsfläche individuelle Workflows gestaltet werden. Die Komponenten lassen sich per Drag & Drop an den Stellen im Workflow ablegen, die durch ein "+" gekennzeichnet sind.
## Mit Workflowkomponenten arbeiten
::Image[]{src="https://api.archbee.com/api/optimize/m7XYYqWReqlcaXtHZ8PJq/DvIqTY0nTwN0En72r3lUr_screely-1678092062337.png" size="50" width="562" height="767" caption="Übersicht Workflowkomponenten" position="center" showCaption="true"}
### Komponenten hinzufügen
- Alle verfügbaren Komponenten sind in der Komponentenbibliothek aufgelistet
- Innerhalb der Komponentenbibliothek können Komponenten per Suche gefunden werden
- Komponenten können einfach per Drag & Drop zu einem Workflow hinzugefügt werden
- Komponenten können überall eingefügt werden, wo ein kleines Plus zu sehen ist
### Komponenten verschieben
- Komponenten können innerhalb eines Workflows beliebig verschoben werden
### Komponenten in die Zwischenablage kopieren, aktivieren, deaktivieren und löschen
Workflowkomponenten können beliebig innerhalb eines Workflows verschoben werden. Zudem gibt es verschiedene Bearbeitungsoptionen. Ein Rechtsklick auf eine Komponente bietet folgende Optionen:
- **Endpunkt entfernen:** Die Komponente wird aus dem Workflow entfernt
- **In Zwischenablage kopieren:** Die Komponente wird in die Zwischenablage kopiert und kann an einer beliebigen Stelle wieder eingefügt werden
- **Deaktivieren**: Deaktiviert die Komponente, Icon bleibt aber im Workflow bestehen (ausgegraut)
- **Löschen:** Die Komponente wird vollständig aus dem Workflow gelöscht
:::hint{type="info"}
Die Definitionen der einzelnen Workflowkomponenten werden im nachfolgenden Abschnitt [Workflow Komponenten](docId:6Z7lJpRcO4fM7oE6-qC-f) erläutert
:::
###
Komponenten Beschreibung
::Image[]{src="https://api.archbee.com/api/optimize/m7XYYqWReqlcaXtHZ8PJq/hw4hr3kIlaw8R1xL7Yw8I_screely-1678092265036.png" size="50" width="672" height="284" caption="Beschreibung einer Komponente" position="center" showCaption="true"}
- Wird über eine Komponente gehovert, erscheint die Option **Beschreibung**
- Eine persönliche Beschreibung, die z.B. die Funktion der Komponente beschreibt, kann hinzugefügt werden
- Eine Beschreibung kann helfen, den Überblick in sehr großen Workflows mit vielen Elementen zu behalten
### Einzelne Workflow-Komponenten konfigurieren
- **P****lanung:** Element kann benannt und beschrieben werden
- **Authentifizierung:** Anmeldeinformationen können hinterlegt werden, falls die Komponente mit einem anderen System kommunizieren soll
- **Konfiguration:** Konfigurationseinstellungen der Komponente werden hier vorgenommen
- **Input:** Definition, welche Variablen des Workflows als Eingabeparameter der Komponente verwendet werden sollen
- **Output:** Einstellung, in welcher Ausgabe-Variable die Ausgabe der Komponente für die weitere Nutzung im Workflow bereitgestellt werden soll
- **Error Handling:** Ermöglicht die Einstellung, wie der Programmablauf im Fehlerfall gesteuert werden soll
:::hint{type="warning"}
Die konkrete Ausgestaltung der einzelnen Formulare und Reiter unterscheidet sich je nach Komponente!
:::
## Einen Workflow speichern und testen
::Image[]{src="https://api.archbee.com/api/optimize/m7XYYqWReqlcaXtHZ8PJq/Ma3BfolsvTCTCm-5aRIas_screely-1673598437547.png" size="58" width="597" height="235" caption="Bedienleiste Workflowdesigner" position="center" showCaption="true"}
Die Bedienleiste oben recht bietet folgende Optionen zur Auswahl:
- **Zurück zur Übersicht**: Zurück zur Workflow Übersicht
- **Diskette**: Workflow speichern
- **Pfeil**: Workflow starten, ohne ihn vorher zu speichern
- **Speichern und testen**: Workflow speichern und anschließend direkt durchlaufen lassen
Die Ansicht des Workflows beeinflussen
---------------------------------------------
::Image[]{src="https://api.archbee.com/api/optimize/m7XYYqWReqlcaXtHZ8PJq/T1J5pllVPN4wAg0LpLgky_screely-1673598663308.png" size="58" width="434" height="218" position="center" showCaption="false"}
Die Bedienleiste unten rechts ermöglicht es, den View auf den Workflow zu beeinflussen
- **Minimap anzeigen**: Eine verkleinerte Ansicht des gesamten Workflows wird unten links angezeigt
- **Workflow zentrieren**: Der Workflow wird wieder zentriert, falls er vorher verschoben wurde
- **Ein- und Auszoomen**: Die Ansicht kann vergrößert und verkleinert werden. Eine Verkleinerung auf 60% und eine Vergrößerung auf bis zu 200% ist möglich
- **Alle Elemente löschen**: Alle Elemente werden aus dem Workflow gelöscht. Der angelegte Workflow an sich bleibt bestehen****
Reporting
---------
Nachdem ein Workflow im Workflowdesigner ausgeführt wurde, kann der Reporting-View geöffnet werden. Dieser erlaubt es, die verschiedenen Auswertungen einzusehen, ohne den Workflowdesigner verlassen zu müssen.
Eine genauere Beschreibung des Reportings wird im Abschnitt [Reporting](docId\:AS3PIIo_Spd4Ep_sdRkV2) erläutert.
Code-View
--------------------------------------
```php
```
## Debug-View
Der Debug-View befindetsich am linken oberen Rand im Workflowdesigner. Nachdem ein Workflow ausgeführt wurde, können die Debug-Daten der einzelnen Workflowelmente eingesehen werden. Solange der Workflow nicht ausgeführt wurde, bleibt der Debug-View leer uns gibt die Meldung 'Keine Debugdaten vorhanden' wieder.
::Image[]{src="https://api.archbee.com/api/optimize/m7XYYqWReqlcaXtHZ8PJq/kuT-iiFqxbOFh4oYSGb5n_screely-1682676089997.png" size="50" width="540" height="397" caption="Debug-View Icon mit Workflowelementen" position="center" showCaption="true"}
Der Debug-View gibt alle Parameter eines jeweiligen Workflowelements wieder. In diesem Fall vom REST Connector, der Log Nachricht und dem DataStore Element
Mit einem Klick auf dem Pfeil neben den einzelnen Workflowelementen, öffnet sich die Ausgabe der Parameter. Diese können anschliessend zum Beispiel auf Richtigkeit oder Vollständigkeit kontrolliert werden, ohne den Workflowdesigner dafür verlassen zu müssen.
::Image[]{src="https://api.archbee.com/api/optimize/m7XYYqWReqlcaXtHZ8PJq/oEMuLCiZ-m9K6Uhm9Ljpd_screely-1682676488633.png" size="50" width="606" height="528" caption="Ausgabe Parameter REST Connector" position="center" showCaption="true"}