Creazione di un'applicazione Web di base
TUTORIAL
Introduzione: creazione di un'applicazione Web di base
Segui queste istruzioni dettagliate per creare la tua prima applicazione Web
Panoramica
In questo tutorial creerai una semplice applicazione Web. In primo luogo creerai un'applicazione Web statica in cui viene visualizzata la pagina "Hello World". Quindi scopri come aggiungere funzionalità all'applicazione Web in modo che il testo visualizzato si basi sull'input fornito.
Obiettivi
Questo tutorial ti guiderà attraverso le fasi per creare un'applicazione Web di esempio di cui sopra. Imparerai a:
- Creare un'applicazione Web
- Connettere l'applicazione Web a un back-end serverless
- Aggiungere interattività all'applicazione Web con un'API e un database
Prerequisiti
Prima di iniziare questo tutorial, avrai bisogno di:
- Un account AWS: se non hai già un account, segui la guida introduttiva Configurazione del tuo ambiente per una panoramica rapida.
Esperienza AWS
Principiante
Tempo minimo richiesto per il completamento
35 minuti
Costo richiesto per il completamento
Idoneo per il Piano gratuito
Requisiti
- Account AWS con accesso da amministratore*
- Browser consigliato: l'ultima versione di Chrome o Firefox
*Gli account creati nelle ultime 24 ore potrebbero non avere ancora accesso a tutti servizi richiesti per questo tutorial.
Servizi utilizzati
Ultimo aggiornamento
4 aprile 2023
Architettura dell'applicazione
Nel seguente diagramma sono rappresentati visivamente i servizi utilizzati in questo tutorial e le relative connessioni. Questa applicazione utilizza AWS Amplify, Gateway Amazon API, AWS Lambda, Amazon DynamoDB e AWS Identity and Access Management (IAM).
Nel corso del tutorial, discuteremo dettagliatamente dei servizi e indicheremo le risorse che ti aiuteranno a rimanere al passo.
Moduli
Questo tutorial è costituito da sei brevi moduli. Devi completare ciascun modulo prima di passare a quello successivo.
- Creazione di un'applicazione Web (5 minuti): distribuisci risorse statiche per la tua applicazione Web usando la console AWS Amplify.
- Creazione di una funzione serverless (5 minuti): crea una funzione serverless usando AWS Lambda.
- Collegamento di una funzione serverless a un'applicazione Web (5 minuti): distribuisci la tua funzione serverless con API Gateway.
- Creazione di una tabella di dati (10 minuti): conserva i dati in una tabella Amazon DynamoDB.
- Maggiore interattività in un'applicazione Web (5 minuti): modifica la tua applicazione Web per richiamare l'API.
- Eliminazione delle risorse (5 minuti): elimina le risorse utilizzate in questo tutorial.
Creerai questa applicazione Web utilizzando la Console di gestione AWS accessibile direttamente dal browser.