Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.
# Mit AWS Step Functions Workflow Studio arbeiten
In den folgenden Abschnitten wird beschrieben, wie Sie mit AWS Step Functions Workflow Studio in der arbeiten AWS Toolkit for Visual Studio Code. Ausführliche Informationen zu AWS Step Functions Workflow Studio finden Sie unter dem Thema [Entwickeln von Workflows](https://docs.aws.amazon.com//step-functions/latest/dg/developing-workflows.html) im *AWS Step Functions*Entwicklerhandbuch
## Workflow Studio öffnen
In der folgenden Liste werden die verschiedenen Pfade beschrieben, die Ihnen zum Öffnen von Workflow Studio in VS Code zur Verfügung stehen.
**Anmerkung**
Um mit Workflow Studio in VS Code arbeiten zu können, muss die Erweiterung Ihrer `Amazon State Language` (ASL) -Datei, die Ihre Zustandsmaschinen-Definition enthält`asl.json`, mit `asl.yml` oder `asl.yaml` enden. Einzelheiten zum Herunterladen oder Erstellen einer neuen Zustandsmaschinen-Definition im AWS Toolkit finden Sie in den Abschnitten *Herunterladen von Zustandsmaschinen* und *Erstellen einer Zustandsmaschine* im AWS Step Functions Thema [Arbeiten mit](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/building-stepfunctions.html) dieses Benutzerhandbuchs.
+ Öffnen Sie im AWS Explorer das Kontextmenü für eine `ASL` Datei, die eine Zustandsmaschinen-Definition enthält (klicken Sie mit der rechten Maustaste darauf), und wählen Sie dann **In Workflow Studio öffnen** aus.
+ Wählen Sie in einer geöffneten `ASL` Datei, die eine State-Machine-Definition enthält, das Symbol **Mit Workflow Studio öffnen**, das sich neben den Registerkarten im VS Code-Editor-Fenster befindet.
+ Wählen Sie in einer geöffneten `ASL` Datei, die eine State-Machine-Definition enthält, den CodeLens Befehl **Mit Workflow Studio öffnen**, der sich oben in der Datei befindet.
+ Durch Schließen und erneutes Öffnen einer `ASL` Datei, die eine State-Machine-Definition enthält, wird die Datei automatisch wieder in Workflow Studio geöffnet, sofern das standardmäßige Workflow Studio nicht manuell deaktiviert wird.
## Entwurfsmodus und Codemodus
Workflow Studio bietet zwei Modi für die Arbeit mit Ihren `ASL` Dateien, die eine Zustandsmaschinen-Definition enthalten: den **Entwurfsmodus** und den **Codemodus**. Der **Entwurfsmodus** bietet eine grafische Oberfläche zur Visualisierung Ihrer Workflows beim Erstellen von Prototypen. Der **Codemodus** verfügt über einen integrierten Code-Editor, in dem Sie die `ASL` Definitionen in Ihren Workflows anzeigen, schreiben und bearbeiten können.
**Anmerkung**
Ausführliche Informationen zu den einzelnen Abschnitten der Benutzeroberfläche sowohl im Entwurfs- als auch im Codemodus finden Sie im Thema [Verwenden von Workflow Studio](https://docs.aws.amazon.com//step-functions/latest/dg/workflow-studio.html) im *AWS Step Functions*Entwicklerhandbuch. Nicht alle Funktionen von Workflow Studio sind im AWS Toolkit verfügbar, wie z. B. der **Konfigurationsmodus**.
Die Benutzeroberfläche des **Designmodus** besteht aus 7 Hauptbereichen, die in der folgenden Abbildung beschrieben und beschrieben sind.
1. Modusschaltflächen: Schaltflächen zum Umschalten zwischen **Design** - und **Codemodus**.
1. Hilfsschaltflächen: Eine Reihe von Schaltflächen zum Ausführen von Aufgaben, z. B. zum Beenden von Workflow Studio, zum Speichern Ihrer Workflows oder zum Exportieren `ASL` von Definitionen in eine JSON- oder YAML-Datei.
1. Design-Symbolleiste: Werkzeugleiste mit einer Reihe von Schaltflächen, mit denen allgemeine Aktionen wie Rückgängigmachen, Löschen und Zoom-Steuerung ausgeführt werden können.
1. Statusbrowser: Browser, der drag-and-drop Status für Ihre Workflow-Arbeitsfläche enthält. Status sind in Registerkarten organisiert und als **Aktionen**, **Ablauf** und **Muster** definiert.
1. Die Arbeitsfläche und das Workflow-Diagramm: Eine visuelle Darstellung Ihres Workflows, in der Sie Status löschen, neu organisieren und für die Konfiguration auswählen können.
1. Inspektor-Panel: Zeigt die Eigenschaften jedes auf der Leinwand ausgewählten Status an und bearbeitet sie. **Abhängig vom Status, der im Arbeitsablaufdiagramm auf der Arbeitsfläche ausgewählt wurde, werden die Registerkarten mit zustandsspezifischen Optionen für **Konfiguration**, **Eingabe/Ausgabe**, **Variablen und Fehlerbehandlung** gefüllt.**
1. Informationslinks: Öffnet ein Fenster mit Kontextinformationen, wenn Sie Hilfe benötigen. Diese Panels enthalten auch Links zu verwandten Themen im *AWS Step Functions*Developer Guide.
![\[Der Designmodus der Workflow Studio-Benutzeroberfläche im AWS Toolkit\]](http://docs.aws.amazon.com/de_de/toolkit-for-vscode/latest/userguide/images/SFNWFS022025.png)
## Verwendung von Tests mit nur einem Status während des Entwurfs
Über die Teststatus-Benutzeroberfläche von Workflow Studio können Sie die einzelnen Zustände Ihrer Zustandsmaschine testen. Dazu gehört die Möglichkeit, Statuseingaben bereitzustellen, Variablen festzulegen AWS SAM und beides vorzunehmen sowie CloudFormation Definitionen zu ersetzen.
Weitere Informationen zu Infrastructure as Code (IaC), Ressourcendefinitionen und Datentransformation finden Sie in den Themen [Verwenden AWS SAM zum Erstellen von Step Functions-Workflows](https://docs.aws.amazon.com/step-functions/latest/dg/concepts-sam-sfn.html) und [Transformieren von Daten mit JSONata in Step Functions](https://docs.aws.amazon.com/step-functions/latest/dg/transforming-data.html) im *AWS Step Functions*Entwicklerhandbuch.
Das folgende Verfahren beschreibt, wie Sie die Teststatus-Benutzeroberfläche in Workflow Studio öffnen.
**Öffnen der Teststatus-Benutzeroberfläche**
1. Navigieren Sie auf der Registerkarte **Designmodus** in Workflow Studio zur Leinwand und wählen Sie einen Status aus, um ihn im **Inspektorfenster** zu öffnen.
1. Wählen Sie im **Inspektorfenster** die Schaltfläche **Teststatus**.
1. Die Benutzeroberfläche für den **Teststatus** wird in VS Code geöffnet.
Die Teststatus-Benutzeroberfläche besteht aus drei Hauptregistern: **Testeingabe**, **Argumente und Ausgabe**, **Statusdefinition**. Die Registerkarte „**Testeingabe**“ enthält 3 zusätzliche Felder, in denen Sie **Eingaben für den Status** angeben, **Variablen** festlegen und **Definitionsersetzungen anhand** Ihrer AWS SAM Vorlagen angeben können. CloudFormation Auf der Registerkarte **Bundesstaatendefinition** können Sie den Arbeitsablauf anpassen und erneut testen. Wenn Sie mit der Ausführung der Tests fertig sind, können Sie Änderungen an Ihrer State-Machine-Definition anwenden und speichern.
Der folgende Screenshot zeigt die Teststatus-Benutzeroberfläche, die eine Themenressourcendefinition enthält.
![\[Die Teststatus-Benutzeroberfläche von Workflow Studio im Toolkit AWS\]](http://docs.aws.amazon.com/de_de/toolkit-for-vscode/latest/userguide/images/SFNWFSteststate022025.png)
## Workflow Studio wird standardmäßig deaktiviert
Standardmäßig ist Workflow Studio der Standardeditor für `ASL` Dateien, die eine State-Machine-Definition enthalten. Sie können die Standardeinstellung deaktivieren, indem Sie Ihre `settings.json` Datei in Ihrem lokalen `.vscode` Verzeichnis ändern. Wenn Sie Workflow Studio standardmäßig deaktivieren, können Sie immer noch über die Methoden darauf zugreifen, die im Abschnitt *Workflow Studio öffnen* in diesem Thema aufgeführt sind.
Gehen Sie wie folgt vor, um Ihre `settings.json` Datei in VS Code zu bearbeiten.
1. Öffnen Sie in VS Code die **Befehlspalette**, indem Sie **option\$1shift\$1p** (Mac) oder **ctrl\$1shift\$1p** (Windows) drücken.
1. Geben Sie **Open User Settings (JSON)** in der VS **Code-Befehlspalette** das Suchfeld ein und wählen Sie die Option aus, wenn sie in der Liste angezeigt wird.
1. Fügen Sie `settings.json` in Ihrem Editor die folgende Änderung zu Ihrer Datei hinzu.
```
{
"workbench.editorAssociations": {
// Use all the following overrides or a specific one for a certain file type
"*.asl.json": "default",
"*.asl.yaml": "default",
"*.asl.yml": "default"
}
}
```
1. Speichern Sie Ihre Änderungen `settings.json` und aktualisieren Sie VS Code oder starten Sie ihn neu.