

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à.

# Caricare e modificare il progetto demo di Infrastructure Composer
<a name="getting-started-demo"></a>

Usa questo tutorial per acquisire familiarità con l'interfaccia utente di Infrastructure Composer e imparare a caricare, modificare e salvare il progetto demo di Infrastructure Composer.

Questo tutorial viene eseguito nella console Infrastructure Composer. Una volta completato, sarai pronto per iniziare[Crea la tua prima applicazione con Infrastructure Composer](getting-started-build.md).

**Topics**
+ [Passaggio 1: apri la demo](#getting-started-demo-open)
+ [Fase 2: Esplora la tela visiva di Infrastructure Composer](#getting-started-demo-navigate)
+ [Fase 3: Espandi l'architettura dell'applicazione](#getting-started-demo-expand)
+ [Fase 4: Salvare l'applicazione](#getting-started-demo-save)
+ [Fasi successive](#getting-started-demo-next)

## Passaggio 1: apri la demo
<a name="getting-started-demo-open"></a>

Inizia a utilizzare Infrastructure Composer creando un progetto demo.

**Per creare un progetto dimostrativo**

1. Accedi alla [console Infrastructure Composer](https://console.aws.amazon.com/composer).

1. Nella **home** page, scegli **Apri demo**.

L'applicazione demo è un'applicazione serverless (CRUD) di base per la creazione, la lettura, l'eliminazione e l'aggiornamento che include:
+ Una risorsa Amazon API Gateway con cinque percorsi.
+ Cinque AWS Lambda funzioni.
+ Una tabella Amazon DynamoDB.

L'immagine seguente è della demo:

![La tela visiva di Infrastructure Composer, che mostra un'applicazione CRUD serverless di base.](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t1_09.png)


## Fase 2: Esplora la tela visiva di Infrastructure Composer
<a name="getting-started-demo-navigate"></a>

Scopri le funzionalità del visual canvas per creare il tuo progetto dimostrativo di Infrastructure Composer. Per una panoramica del layout della tela visiva, consulta[panoramica visiva](reference-visual.md).

**Per esplorare le caratteristiche della tela visiva**

1. Quando aprite un progetto applicativo nuovo o esistente, Infrastructure Composer carica la vista canvas, come indicato sopra l'area di visualizzazione principale.  
![I pulsanti di visualizzazione Canvas e Template nella parte superiore dell'area di visualizzazione principale di Infrastructure Composer.](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t1_02.png)

   Per mostrare il codice dell'infrastruttura dell'applicazione nell'area di visualizzazione principale, scegli **Template**. Ad esempio, ecco la visualizzazione del modello AWS Serverless Application Model (AWS SAM) del progetto demo di Infrastructure Composer.  
![Schermata della visualizzazione del modello di Infrastructure Composer che mostra il codice del modello del progetto demo.](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t1_03.png)

1. **Per mostrare nuovamente la visualizzazione canvas dell'applicazione, scegli Canvas.**

1. Per mostrare le risorse dell'applicazione organizzate in una visualizzazione ad albero, scegliete **Elenco**.  
![Nell'area di disegno di Infrastructure Composer, la scheda Elenco è selezionata e mostra una visualizzazione ad albero dell'applicazione.](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t1_05.png)

1. Per mostrare la tavolozza delle risorse, scegliete **Risorse**. Questa palette include schede che puoi utilizzare per espandere l'architettura dell'applicazione. È possibile cercare le schede o scorrere l'elenco.  
![La palette delle risorse è selezionata e mostra le risorse in primo piano che è possibile utilizzare nell'architettura dell'applicazione.](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t1_10.png)

1. Per muoverti all'interno dell'area di visualizzazione, usa i gesti di base. Per ulteriori informazioni, consulta [Posiziona le carte sulla tela](reference-navigation.md).

## Fase 3: Espandi l'architettura dell'applicazione
<a name="getting-started-demo-expand"></a>

In questo passaggio, espanderai l'architettura dell'applicazione aggiungendo una funzione Lambda alla tabella DynamoDB.

**Per aggiungere una funzione Lambda alla tabella DynamoDB**

1. **Dalla palette delle risorse (**Risorse**), trascina la scheda componente avanzata della **funzione Lambda** sull'area di disegno, a destra della scheda DynamoDB Table.**  
![La demo è in modalità canvas con una funzione Lambda accanto alla tabella DynamoDB.](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t1_07.png)

1. Connect la tabella DynamoDB alla funzione Lambda. Per collegarli, fai clic sulla porta destra della scheda **DynamoDB** Table e trascinala sulla porta sinistra della scheda **Lambda** Function.

1. Scegli **Disponi** per organizzare le schede nella visualizzazione dell'area di disegno.  
![La demo è in modalità canvas con una funzione Lambda connessa alla tabella DynamoDB.](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t1_08.png)

1. Configura la tua funzione Lambda. Per configurarla, esegui una delle seguenti operazioni:
   + Nella vista canvas, modificate le proprietà della funzione nel pannello **delle proprietà delle risorse**. Per aprire il pannello, fai doppio clic sulla scheda Function **Lambda**. **In alternativa, seleziona la scheda, quindi scegli Dettagli.** Per ulteriori informazioni sulle proprietà configurabili della funzione Lambda elencate nel pannello **delle proprietà delle risorse, consulta la** Guida per [AWS Lambda gli](https://docs.aws.amazon.com/lambda/latest/dg/index.html) sviluppatori.
   + Nella vista modello, modifica il codice per la tua funzione ()`AWS::Serverless::Function`. Infrastructure Composer sincronizza automaticamente le modifiche sull'area di disegno. Per ulteriori informazioni sulla risorsa funzionale in un AWS SAM modello, vedere [AWS::Serverless::Function](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/sam-resource-function.html)nel riferimento alle *AWS SAM risorse e alle proprietà*.

## Fase 4: Salvare l'applicazione
<a name="getting-started-demo-save"></a>

Salvate l'applicazione salvando manualmente il modello dell'applicazione sul computer locale o attivando la sincronizzazione **locale**.

**Per salvare manualmente il modello di applicazione**

1. Dal **menu**, seleziona **Salva** > **Salva file modello**.

1. Fornisci un nome per il modello e scegli una posizione sul computer locale in cui salvare il modello. Premi **Salva**.

Per istruzioni sull'attivazione della **sincronizzazione locale**, consulta[Sincronizza e salva localmente il tuo progetto nella console Infrastructure Composer](using-composer-project-local-sync.md).

## Fasi successive
<a name="getting-started-demo-next"></a>

Per iniziare a creare la tua prima applicazione, consulta[Crea la tua prima applicazione con Infrastructure Composer](getting-started-build.md).