Nozioni di base su AWS

Creazione di un'applicazione Web serverless

con AWS Lambda, HAQM API Gateway, AWS Amplify, HAQM DynamoDB e HAQM 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 HAQM APIHAQM DynamoDB, HAQM 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. HAQM 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

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

Back-end serverless

HAQM 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 HAQM 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 HAQM 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