Developer Center/Getting Started/Hands-on/...(Centro Sviluppatori/Introduzione/Esercitazione pratica/...

Nozioni di base su AWS

Creazione di un'applicazione Web serverless

con AWS Lambda, Amazon API Gateway, AWS Amplify, Amazon DynamoDB e Amazon Cognito

Creazione di un'applicazione Web serverless

Introduzione: Costruisci un'applicazione Web serverless

Segui le istruzioni dettagliate per creare una semplice applicazione Web serverless che consenta agli utenti di utilizzare il parco istanze di Wild Rydes

Panoramica

In questo tutorial verrà creata una semplice applicazione Web serverless che consente agli utenti di utilizzare il parco istanze di Wild Rydes. L'applicazione mostrerà agli utenti un'interfaccia utente basata su HTML tramite la quale indicare il luogo in cui desiderano essere prelevati e si interfaccerà sul back-end con un servizio Web RESTful per inviare la richiesta e spedire un unicorno che si trovi nelle vicinanze. L'applicazione fornirà agli utenti la possibilità di registrarsi al servizio e di accedervi prima di richiedere le cavalcate.

Architettura dell'applicazione

L'architettura dell'applicazione utilizza AWS Lambda, Gateway Amazon APIAmazon DynamoDB, Amazon Cognito e AWS Amplify Console. Amplify Console fornisce una distribuzione continua e ospita risorse Web statiche, tra cui HTML, CSS, JavaScript, e file di immagine che vengono caricati nel browser dell'utente. L'esecuzione di JavaScript nel browser consente di inviare e ricevere dati tramite un'API del back-end pubblico utilizzando Lambda e API Gateway. Amazon Cognito fornisce funzioni per l'autenticazione e la gestione degli utenti per proteggere l'API di back-end. Infine, DynamoDB fornisce un livello di persistenza nel quale i dati possono essere archiviati dalla funzione Lambda dell'API.

Serverless_Architecture
Serverless_Web_App_LP_assets-18

Hosting Web statico

AWS Amplify ospita risorse Web statiche, tra cui HTML, CSS, JavaScript, e file di immagine che vengono caricati nel browser dell'utente.

Serverless_Web_App_LP_assets-19

Gestione degli utenti

Amazon Cognito fornisce funzioni per l'autenticazione e la gestione degli utenti per proteggere l'API di back-end.

Serverless_Web_App_LP_assets-20

Back-end serverless

Amazon DynamoDB fornisce un livello di persistenza nel quale i dati possono essere archiviati dalla funzione Lambda dell'API.

Serverless_Web_App_LP_assets-21

API RESTful

L'esecuzione di JavaScript nel browser consente di inviare e ricevere dati tramite un'API del back-end pubblico utilizzando Lambda e API Gateway.

 Esperienza AWS

Principiante

 Tempo richiesto per il completamento

2 ore

 Costo richiesto per il completamento

Ogni servizio usato in questa architettura è idoneo per il piano gratuito AWS. Se non rientri nei limiti di utilizzo del piano gratuito, il completamento del tutorial ti costerà meno di 0,25 USD*.

 Prerequisiti del tutorial

Tecnologie usate:


*Questa stima presuppone il rispetto delle configurazioni consigliate durante il tutorial e l'interruzione di tutte le risorse entro 24 ore.
**Gli account creati nelle ultime 24 ore potrebbero non avere ancora accesso a tutte le risorse richieste per questo tutorial.

Moduli

Questo workshop è suddiviso in cinque moduli. Ogni modulo descrive uno scenario di ciò che costruiremo e istruzioni dettagliate per aiutarti a implementare l'architettura e verificare il tuo lavoro. 

  1. Hosting di un sito Web statico (15 minuti): in questo modulo configurerai AWS Amplify per l'hosting delle risorse statiche necessarie per la tua applicazione Web con l'implementazione continua integrata
  2. Gestione degli utenti (30 minuti): in questo modulo, procederai con la creazione di un pool di utenti Amazon Cognito per gestire gli account degli utenti
  3. Creazione di un back-end serverless (30 minuti): in questo modulo creerai un processo di back-end per gestire le richieste della tua applicazione Web
  4. Implementazione di un'API RESTful (15 minuti): in questo modulo utilizzerai Gateway Amazon API per esporre la funzione Lambda che hai creato nel modulo precedente come API RESTful
  5. Arresto delle risorse (10 minuti): in questo modulo arresterai tutte le risorse create durante il tutorial

Hosting di un sito Web statico