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à.
# Guida introduttiva alla console Infrastructure Composer
Utilizza gli argomenti di questa sezione per configurare AWS Infrastructure Composer e imparare a progettare un'applicazione utilizzando la relativa tela visiva. Il tour e i tutorial di questa sezione vengono visualizzati nella console Infrastructure Composer, che è l'esperienza utente predefinita. Gli argomenti di questa sezione mostrano come completare i prerequisiti per l'utilizzo di Infrastructure Composer, utilizzare la console Infrastructure Composer, caricare e modificare un progetto e creare la prima applicazione.
Infrastructure Composer è disponibile anche da e in modalità console. AWS Toolkit for Visual Studio Code CloudFormation Le esperienze tra gli strumenti sono generalmente le stesse, ma ci sono alcune differenze tra gli strumenti. Per informazioni dettagliate sull'utilizzo di Infrastructure Composer in ciascuno di questi strumenti, consulta[Dove puoi usare Infrastructure Composer](using-composer.md).
**Topics**
+ [Fai un tour della console Infrastructure Composer](getting-started-tour.md)
+ [Caricare e modificare il progetto demo di Infrastructure Composer](getting-started-demo.md)
+ [Crea la tua prima applicazione con Infrastructure Composer](getting-started-build.md)
# Fai un tour della console Infrastructure Composer
Per avere un'idea generale di come AWS Infrastructure Composer funziona, segui il tour integrato nella console Infrastructure Composer. Per una panoramica della console Infrastructure Composer, consulta. [Fai un tour della console Infrastructure Composer](#getting-started-tour) Per indicazioni dettagliate sull'uso di Infrastructure Composer, fare riferimento a. [Come comporre in AWS Infrastructure Composer](using-composer-basics.md)
**Per fare un tour di Infrastructure Composer**
1. Accedi alla console [Infrastructure Composer.](https://console.aws.amazon.com/composer)
1. Nella **home** page, scegli **Apri demo**.
1. **Nell'angolo in alto a destra, nella finestra **Fai una rapida panoramica di Composer**, scegli Start.**
![\[Nell'area di disegno di Infrastructure Composer, la finestra Fai una panoramica rapida di Composer.\]](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t0_01.png)
1. Nella finestra del **tour di Composer**, procedi come segue:
+ Per passare alla fase successiva, scegli **Avanti**.
+ Per tornare al passaggio precedente, scegli **Precedente**.
+ Nell'ultimo passaggio, per terminare il tour, scegli **Fine**.
Il tour offre una breve panoramica delle funzionalità di base di Infrastructure Composer, come l'uso, la configurazione e il collegamento delle schede. Per ulteriori informazioni, vedi [Come comporre in AWS Infrastructure Composer](using-composer-basics.md).
## Fasi successive
Per caricare e modificare un progetto in Infrastructure Composer, vedere. [Caricare e modificare il progetto demo di Infrastructure Composer](getting-started-demo.md)
# Caricare e modificare il progetto demo di Infrastructure Composer
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
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
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
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
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
Per iniziare a creare la tua prima applicazione, consulta[Crea la tua prima applicazione con Infrastructure Composer](getting-started-build.md).
# Crea la tua prima applicazione con Infrastructure Composer
In questo tutorial, si usa AWS Infrastructure Composer per creare un'applicazione serverless CRUD (Create, Read, Update and Delete) che gestisce gli utenti in un database.
Per questo tutorial, utilizziamo Infrastructure Composer in. Console di gestione AWS Ti consigliamo di utilizzare Google Chrome or Microsoft Edge e una finestra del browser a schermo intero.
**Sei nuovo nel mondo serverless?**
Ti consigliamo una conoscenza di base dei seguenti argomenti:
[Architettura basata su eventi](what-is-concepts.md#what-is-concepts-terms-eda)
[Infrastruttura come codice (IaC)](what-is-concepts.md#what-is-concepts-terms-iac)
[Tecnologie serverless](what-is-concepts.md#what-is-concepts-terms-serverless)
Per ulteriori informazioni, consulta [Concetti serverless per AWS Infrastructure Composer](what-is-concepts.md).
**Topics**
+ [Riferimento alle proprietà delle risorse](#getting-started-build-reference)
+ [Fase 1: Crea il tuo progetto](#getting-started-build-start)
+ [Passaggio 2: aggiungi carte alla tela](#getting-started-build-rest-cards)
+ [Fase 3: Configurazione dell'API Gateway REST API](#getting-started-build-rest)
+ [Fase 4: Configurazione delle funzioni Lambda](#getting-started-build-functions)
+ [Fase 5: Connect le tue carte](#getting-started-build-connect)
+ [Fase 6: Organizza la tela](#getting-started-build-organize)
+ [Fase 7: Aggiungere e connettere una tabella DynamoDB](#getting-started-build-table)
+ [Fase 8: Rivedi il modello AWS CloudFormation](#getting-started-build-template)
+ [Fase 9: Integrazione nei flussi di lavoro di sviluppo](#getting-started-build-integrate)
+ [Fasi successive](#getting-started-build-next)
## Riferimento alle proprietà delle risorse
Durante la creazione dell'applicazione, utilizza questa tabella come riferimento per configurare le proprietà di Amazon API Gateway e AWS Lambda delle risorse.
| Metodo | Path | Nome funzione |
| --- | --- | --- |
| GET | /articoli | Ottieni articoli |
| GET | /items/ \$1id\$1 | getItem |
| PUT | /oggetti/ \$1id\$1 | Aggiorna elemento |
| POST | /articolo | Aggiungi elemento |
| DELETE | /items/ \$1id\$1 | deleteItem |
## Fase 1: Crea il tuo progetto
**Per iniziare con la tua applicazione serverless CRUD, crea un nuovo progetto in Infrastructure Composer e attiva la sincronizzazione locale.**
**Per creare un nuovo progetto vuoto**
1. Accedi alla [console Infrastructure Composer](https://console.aws.amazon.com/composer/home).
1. Nella **home** page, scegli **Crea progetto**.
Come mostrato nell'immagine seguente, Infrastructure Composer apre la tela visiva e carica un modello di applicazione iniziale (vuoto).
![\[Infrastructure Composer con una tela visiva vuota.\]](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t2_01.png)
**Per attivare la sincronizzazione locale**
1. Dal **menu** Infrastructure Composer, seleziona **Salva** > **Attiva la sincronizzazione locale**.
![\[Un menu Infrastructure Composer con l'opzione Activate local sync selezionata.\]](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t2_09.png)
1. Per **Posizione del progetto**, premi **Seleziona cartella** e scegli una directory. Qui è dove Infrastructure Composer salverà e sincronizzerà i file e le cartelle del modello durante la progettazione.
La posizione del progetto non deve contenere un modello di applicazione esistente.
**Nota**
La **sincronizzazione locale** richiede un browser che supporti l'API File System Access. Per ulteriori informazioni, consulta [Data Infrastructure Composer ottiene l'accesso a](reference-fsa.md#reference-fsa-access).
1. Quando viene richiesto di consentire l'accesso, seleziona **Visualizza file**.
1. Premi **Attiva per attivare** la **sincronizzazione locale**. Quando viene richiesto di salvare le modifiche, seleziona **Salva modifiche**.
Quando attivato, l'indicatore **Autosave** verrà visualizzato nell'area in alto a sinistra dell'area di disegno.
## Passaggio 2: aggiungi carte alla tela
Inizia a progettare l'architettura della tua applicazione utilizzando schede componenti avanzate, iniziando con un'API API Gateway REST e cinque funzioni Lambda.
**Per aggiungere schede API Gateway e Lambda all'area di disegno**
Dalla palette **Risorse**, nella sezione **Componenti avanzati**, procedi come segue:
1. Trascina una scheda **API Gateway** sull'area di disegno.
1. Trascina una scheda **Lambda Function** sull'area di disegno. Ripeti l'operazione fino ad aggiungere cinque schede **Lambda Function** all'area di disegno.
![\[Una visualizzazione canvas di Infrastructure Composer con un API Gateway e cinque schede Lambda Function.\]](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t2_02.png)
## Fase 3: Configurazione dell'API Gateway REST API
Quindi, aggiungi cinque percorsi nella tua scheda API Gateway.
**Per aggiungere percorsi alla scheda API Gateway**
1. Apri il pannello **delle proprietà delle risorse** per la scheda **API Gateway**. Per aprire il pannello, fate doppio clic sulla scheda. In alternativa, seleziona la carta, quindi scegli **Dettagli**.
1. Nel pannello **delle proprietà delle risorse**, in **Percorsi**, procedi come segue:
**Nota**
Per ciascuna delle seguenti rotte, utilizzate il metodo HTTP e i valori del percorso specificati nella [tabella di riferimento delle proprietà delle risorse](#getting-started-build-reference).
1. Per **Metodo**, scegliete il metodo HTTP specificato. Ad esempio, **GET**.
1. Per **Path**, immettete il percorso specificato. Ad esempio, **/items**.
1. Seleziona **Aggiungi route**.
1. Ripeti i passaggi precedenti finché non avrai aggiunto tutti e cinque i percorsi specificati.
1. Scegli **Save** (Salva).
![\[La tela visiva di Infrastructure Composer con una risorsa API Gateway con cinque percorsi. Il Resource properties pannello mostra le selezioni per Metodo, Percorso e Aggiungi percorso.\]](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t2_03.png)
## Fase 4: Configurazione delle funzioni Lambda
Assegna un nome a ciascuna delle cinque funzioni Lambda come specificato nella tabella di [riferimento delle proprietà delle risorse](#getting-started-build-reference).
**Per assegnare un nome alle funzioni Lambda**
1. Apri il pannello **delle proprietà delle risorse** di una scheda **Function Lambda**. Per aprire il pannello, fai doppio clic sulla scheda. In alternativa, seleziona la carta, quindi scegli **Dettagli**.
1. Nel pannello **delle proprietà della risorsa**, in **Logical ID**, immettete il nome di una funzione specificata. Ad esempio, **getItems**.
1. Scegli **Save** (Salva).
1. Ripetete i passaggi precedenti finché non avete dato un nome a tutte e cinque le funzioni.
![\[La tela visiva di Infrastructure Composer con cinque schede di risorse denominate Lambda Function.\]](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t2_04.png)
## Fase 5: Connect le tue carte
Connect ogni route sulla scheda **API Gateway** alla relativa scheda **Lambda Function**, come specificato nella tabella di [riferimento delle proprietà delle risorse](#getting-started-build-reference).
**Per connettere le tue carte**
1. Fai clic su una porta destra sulla scheda **API Gateway** e trascinala sulla porta sinistra della scheda **Lambda Function** specificata. **Ad esempio, fai clic sulla porta **GET /items** e trascinala nella porta sinistra di getItems.**
1. Ripeti il passaggio precedente fino a connettere tutte e cinque le rotte sulla scheda **API Gateway** alle corrispondenti schede **Lambda Function**.
![\[La tela visiva di Infrastructure Composer con l'API REST connessa a cinque funzioni Lambda.\]](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t2_05.png)
## Fase 6: Organizza la tela
Organizza l'area di visualizzazione raggruppando le funzioni Lambda e disponendo tutte le schede.
**Per raggruppare le tue funzioni**
1. Tieni premuto **Shift**, quindi seleziona ogni scheda **Lambda Function** sull'area di disegno.
1. Scegli **Gruppo**.
**Per assegnare un nome al gruppo**
1. Fai doppio clic sulla parte superiore del gruppo, vicino al nome del gruppo (**Gruppo**).
Si apre il pannello **delle proprietà del gruppo**.
1. Nel pannello delle **proprietà del gruppo**, per **Nome del gruppo**, immettere**API**.
1. Scegli **Save** (Salva).
**Per disporre le carte**
Nell'area di disegno, sopra l'area di visualizzazione principale, scegli **Disponi**.
Infrastructure Composer organizza e allinea tutte le schede sull'area di disegno visuale, incluso il nuovo gruppo (**API**), come illustrato di seguito:
![\[La tela visiva di Infrastructure Composer è organizzata con tutte le funzioni Lambda raggruppate insieme.\]](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t2_06.png)
## Fase 7: Aggiungere e connettere una tabella DynamoDB
Ora aggiungete una tabella DynamoDB all'architettura dell'applicazione e collegatela alle funzioni Lambda.
**Per aggiungere e connettere una tabella DynamoDB**
1. Dalla palette delle risorse (**Risorse**), nella sezione **Componenti avanzati**, trascina una scheda **DynamoDB** Table sull'area di disegno.
1. **Fai clic sulla porta destra di una scheda **Lambda Function** e trascinala sulla porta sinistra della scheda DynamoDB Table.**
1. **Ripeti il passaggio precedente fino a collegare tutte e cinque le schede **Function Lambda** alla scheda DynamoDB Table.**
1. **(Facoltativo) Per riorganizzare e riallineare le carte sulla tela, scegli Disponi.**
![\[alt text not found\]](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t2_07.png)
## Fase 8: Rivedi il modello AWS CloudFormation
Complimenti\$1 Hai progettato con successo un'applicazione serverless pronta per l'implementazione. Infine, scegli **Template** per esaminare il AWS CloudFormation modello che Infrastructure Composer ha generato automaticamente per te.
Nel modello, Infrastructure Composer ha definito quanto segue:
+ La `Transform` dichiarazione, che specifica il modello come modello AWS Serverless Application Model (AWS SAM). Per ulteriori informazioni, consulta l'[anatomia AWS SAM del modello nella Guida](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/sam-specification-template-anatomy.html) per gli *AWS Serverless Application Model sviluppatori*.
+ Una `AWS::Serverless::Api` risorsa che specifica l'API REST dell'API Gateway con le sue cinque rotte.
+ Cinque `AWS::Serverless::Function` risorse, che specificano le configurazioni delle funzioni Lambda, comprese le variabili di ambiente e le politiche di autorizzazione.
+ Una `AWS::DynamoDB::Table` risorsa che specifica la tabella DynamoDB e le relative proprietà.
+ **La `Metadata` sezione, che contiene informazioni sul tuo gruppo di risorse (API).** Per ulteriori informazioni su questa sezione, consulta [Metadati](https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/metadata-section-structure.html) nella *Guida per l'AWS CloudFormation utente*.
![\[La visualizzazione del modello di Infrastructure Composer che mostra il codice del modello dell'applicazione.\]](http://docs.aws.amazon.com/it_it/infrastructure-composer/latest/dg/images/aac_t2_08.png)
## Fase 9: Integrazione nei flussi di lavoro di sviluppo
Utilizza il file modello e le directory di progetto create da Infrastructure Composer per ulteriori test e implementazioni.
+ Con la **sincronizzazione locale**, puoi connettere Infrastructure Composer all'IDE sul tuo computer locale per accelerare lo sviluppo. Per ulteriori informazioni, consulta [Connect la console Infrastructure Composer all'IDE locale](other-services-ide.md).
+ Con la **sincronizzazione locale**, puoi utilizzare l'interfaccia a riga di AWS Serverless Application Model comando (AWS SAM CLI) sul tuo computer locale per testare e distribuire l'applicazione. Per ulteriori informazioni, consulta [Distribuisci la tua applicazione serverless Infrastructure Composer nel cloud AWS](other-services-cfn.md).
## Fasi successive
Ora sei pronto per creare le tue applicazioni con Infrastructure Composer. Per dettagli approfonditi sull'utilizzo di Infrastructure Composer, consulta. [Come comporre in AWS Infrastructure Composer](using-composer-basics.md) Quando siete pronti per distribuire l'applicazione, fate riferimento a. [Distribuisci la tua applicazione serverless Infrastructure Composer nel cloud AWS](other-services-cfn.md)