Nozioni di base su AWS

Creazione di un'applicazione Web serverless

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

Introduzione: Creazione di 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 creerai una semplice applicazione Web serverless che consente agli utenti di richiedere passaggi a dorso degli unicorni di Wild Rydes. L'applicazione mostrerà agli utenti un'interfaccia utente basata su HTML tramite la quale indicare il luogo di prelievo desiderato e si interfaccerà sul back-end con un servizio Web RESTful per trasmettere la richiesta e mandare sul posto un unicorno che si trova nelle vicinanze. L'applicazione fornirà agli utenti la possibilità di registrarsi al servizio e di accedervi prima di richiedere le cavalcate.

Prerequisiti

Per completare questo tutorial, avrai bisogno di un account AWS, AWS CLI installato, un account con ArcGIS per aggiungere mappature alla tua app, un editor di testo e un browser Web. Se non hai già un account, segui la guida introduttiva Configurazione del tuo ambiente AWS per una panoramica rapida.

Architettura applicativa

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.

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.

Gestione degli utenti

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

Back-end serverless

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

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

 Requisiti

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.

 Ultimo aggiornamento

5 settembre 2023

Moduli

Questo tutorial è diviso 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

Questa pagina è stata utile?

Hosting di un sito Web statico