

Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

# Lavorare con AWS Step Functions Workflow Studio
<a name="stepfunctions-workflowstudio"></a>

Le seguenti sezioni descrivono come utilizzare AWS Step Functions Workflow Studio in AWS Toolkit for Visual Studio Code. Per informazioni dettagliate su AWS Step Functions Workflow Studio, consulta l'argomento [Sviluppo di flussi di lavoro](https://docs.aws.amazon.com//step-functions/latest/dg/developing-workflows.html) nella Guida per gli *AWS Step Functions*sviluppatori

## Aprire Workflow Studio
<a name="w2aac17c55b9b5"></a>

L'elenco seguente descrive i diversi percorsi disponibili per aprire Workflow Studio in VS Code.

**Nota**  
Per utilizzare Workflow Studio in VS Code, l'estensione del file `Amazon State Language` (ASL) che contiene la definizione della macchina a stati deve terminare con `asl.json` `asl.yml` o`asl.yaml`. Per informazioni dettagliate sul download o sulla creazione di una nuova definizione di macchina a stati nel AWS Toolkit, consultate le sezioni *Scaricamento delle macchine a stati* e *Creazione di una macchina a stati* nell' AWS Step Functions argomento [Utilizzo di](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/building-stepfunctions.html) questa guida per l'utente.
+ In AWS Explorer, aprite il menu contestuale per (fate clic con il pulsante destro del mouse) per un `ASL` file contenente la definizione di una macchina a stati, quindi scegliete **Apri in Workflow Studio**.
+ Da un `ASL` file aperto contenente la definizione di una macchina a stati, scegli l'icona **Apri con Workflow Studio** situata accanto alle schede nella finestra dell'editor di VS Code.
+ Da un `ASL` file aperto contenente la definizione di una macchina a stati, scegli il CodeLens comando **Apri con Workflow Studio**, situato nella parte superiore del file.
+ La chiusura e la riapertura di un `ASL` file contenente la definizione di una macchina a stati riapre automaticamente il file in Workflow Studio, a meno che il Workflow Studio predefinito non sia disabilitato manualmente.

## Modalità progettazione e modalità Codice
<a name="w2aac17c55b9b7"></a>

Workflow Studio offre due modalità per lavorare con i `ASL` file contenenti una definizione di macchina a stati: la modalità **Progettazione** e la modalità **Codice**. La modalità **Progettazione** fornisce un'interfaccia grafica per visualizzare i flussi di lavoro durante la creazione di prototipi. La modalità **codice** dispone di un editor di codice integrato in cui è possibile visualizzare, scrivere e modificare le `ASL` definizioni nei flussi di lavoro.

**Nota**  
Per informazioni dettagliate su ciascuna sezione dell'interfaccia utente in entrambe le modalità Progettazione e Codice, consulta l'argomento [Utilizzo di Workflow Studio](https://docs.aws.amazon.com//step-functions/latest/dg/workflow-studio.html) nella Guida per gli *AWS Step Functions*sviluppatori. Non tutte le funzionalità di Workflow Studio sono disponibili nel AWS Toolkit, come ad esempio la modalità **Config**.

L'interfaccia utente in modalità **Progettazione** è composta da 7 sezioni principali, come etichettato e descritto nell'immagine seguente.

1. Tasti di modalità: pulsanti per passare dalla modalità **Design** a quella **Code.**

1. Pulsanti di utilità: un set di pulsanti per eseguire attività, come uscire da Workflow Studio, salvare i flussi di lavoro o esportare `ASL` le definizioni in un file JSON o YAML.

1. Barra degli strumenti di progettazione: barra degli strumenti contenente una serie di pulsanti che eseguono azioni comuni, come annullare, eliminare e controllare lo zoom.

1. States Browser: browser contenente drag-and-drop gli stati per l'area di disegno del flusso di lavoro. Gli stati sono organizzati in schede e definiti come **Azioni**, **Flusso** e **Pattern**.

1. Il grafico Canvas e del flusso di lavoro: un rendering visivo del flusso di lavoro in cui è possibile eliminare, riorganizzare e selezionare gli stati per la configurazione.

1. Pannello Inspector: Visualizza e modifica le proprietà di qualsiasi stato selezionato sulla tela. ****A seconda dello stato selezionato nel grafico del flusso di lavoro del canvas, le schede contengono opzioni specifiche dello stato per la **configurazione**, l'**input/output**, le variabili e la gestione degli errori.****

1. Link informativi: apre un pannello con informazioni contestuali quando hai bisogno di aiuto. Questi pannelli includono anche collegamenti ad argomenti correlati nella Guida per gli *AWS Step Functions*sviluppatori.

![\[La modalità di progettazione dell'interfaccia utente di Workflow Studio nel AWS Toolkit\]](http://docs.aws.amazon.com/it_it/toolkit-for-vscode/latest/userguide/images/SFNWFS022025.png)


## Utilizzo di test a stato singolo durante la progettazione
<a name="w2aac17c55b9b9"></a>

Dall'interfaccia utente dello stato di test di Workflow Studio, puoi testare i singoli stati della tua macchina a stati. Ciò include la possibilità di fornire input di stato, impostare variabili ed effettuare sostituzioni sia AWS SAM di definizioni che di definizioni. CloudFormation 

Per ulteriori informazioni sull'infrastruttura come codice (IaC), sulle definizioni delle risorse e sulla trasformazione dei dati, consulta gli argomenti [Using AWS SAM to build Step Functions](https://docs.aws.amazon.com/step-functions/latest/dg/concepts-sam-sfn.html) e [Transforming data with in Step JSONata Functions nella Developer](https://docs.aws.amazon.com/step-functions/latest/dg/transforming-data.html) Guide. *AWS Step Functions*

La procedura seguente descrive come aprire l'interfaccia utente test-state in Workflow Studio.

**Apertura dell'interfaccia utente in stato di test**

1. Dalla scheda della modalità **Progettazione** di Workflow Studio, accedete all'area di disegno e scegliete uno stato per aprirla nel pannello **Inspector**.

1. Dal pannello **Inspector**, scegliete il pulsante **Test state**.

1. L'interfaccia utente **dello stato di test** si apre in VS Code.

**L'interfaccia utente test-state ha 3 schede principali, **Test input, **Arguments & Output****, State definition.** La scheda **Test input** ha 3 campi aggiuntivi che consentono di fornire l'**input dello stato**, impostare **variabili** e specificare le **sostituzioni delle definizioni dai** propri modelli OR. AWS SAM CloudFormation Nella scheda **Definizione dello stato**, puoi modificare il flusso di lavoro e ripetere il test. Al termine dell'esecuzione dei test, è possibile applicare e salvare le modifiche alla definizione della macchina a stati.

La schermata seguente mostra l'interfaccia utente test-state, che include una definizione di topic-resources.

![\[L'interfaccia utente dello stato di test di Workflow Studio nel Toolkit AWS\]](http://docs.aws.amazon.com/it_it/toolkit-for-vscode/latest/userguide/images/SFNWFSteststate022025.png)


## Disattivazione di Workflow Studio per impostazione predefinita
<a name="w2aac17c55b9c11"></a>

Per impostazione predefinita, Workflow Studio è l'editor predefinito per `ASL` i file contenenti una definizione di macchina a stati. È possibile disattivare l'impostazione predefinita modificando il `settings.json` file nella `.vscode` directory locale. Se si disattiva Workflow Studio per impostazione predefinita, è comunque accessibile tramite i metodi elencati nella sezione *Apertura di Workflow Studio*, disponibile in questo argomento.

Per modificare il `settings.json` file da VS Code, completa i seguenti passaggi.

1. Da VS Code, apri la **palette dei comandi** premendo **option\$1shift\$1p** (Mac) o **ctrl\$1shift\$1p** (Windows).

1. Dalla **palette dei comandi** VS Code, **Open User Settings (JSON)** accedi al campo di ricerca e scegli l'opzione quando viene inserita nell'elenco.

1. Dal `settings.json` tuo editor, aggiungi la seguente modifica al tuo file.

   ```
                   {
                       "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. Salva le modifiche `settings.json` e aggiorna o riavvia VS Code.