Nozioni di base su AWS

Realizza un'applicazione React full-stack

Crea una semplice applicazione Web utilizzando AWS Amplify

Introduzione: crea un'applicazione React full-stack

Segui queste istruzioni dettagliate per creare la tua prima applicazione React

Panoramica

In questo tutorial, creerai un'applicazione Web full-stack semplice utilizzando AWS Amplify, una raccolta di strumenti e servizi che include un servizio di hosting Web. Nel primo modulo, realizzerai e ospiterai un'applicazione React in AWS. Nel corso degli altri quattro moduli, inizializzerai un'app locale utilizzando la CLI, aggiungerai l'autenticazione, un'API GraphQL e un database e infine aggiornerai l'applicazione per consentire l'archiviazione di immagini.

Obiettivi

Questo tutorial ti guiderà attraverso le fasi per creare l'applicazione Web semplice di cui sopra. Avrai modo di approfondire i seguenti aspetti:

  • Hosting: crea e ospita un'applicazione React nella rete di distribuzione di contenuti (CDN) globale di AWS
  • Autenticazione: aggiungi autenticazione alla tua app per abilitare accesso e disconnessione
  • Database e archiviazione: aggiungi una soluzione API GraphQL, database e di archiviazione

 Esperienza AWS

Principiante

 Tempo per il completamento

50 minuti

 Costo richiesto per il completamento

Idoneo per il Piano gratuito

 Requisiti

  • Account AWS con accesso da amministratore**
  • Node.js: Node.js v10.x o successiva
  • Account GitHub
  • Git**: gli utenti Windows dovranno installare Git

[*]Gli account creati nelle ultime 24 ore potrebbero non avere ancora accesso a tutti i servizi richiesti per questo tutorial.
[**] Non applicabile per utenti iOS poiché Git viene fornito in dotazione.

 Servizi utilizzati

AWS Amplify

 Ultimo aggiornamento

28 aprile 2023

Moduli

Questo tutorial è costituito da cinque brevi moduli. Devi completare ciascun modulo prima di passare a quello successivo.

  1. Distribuisci e ospita un'app React (10 minuti): crea un'app React e distribuiscila e ospitala tramite AWS Amplify.
  2. Inizializza un'applicazione locale (5 minuti): inizializza un'applicazione locale con AWS Amplify.
  3. Aggiungi autenticazione (10 minuti): aggiungi autenticazione alla tua applicazione.
  4. Aggiungi un'API GraphQL e un database (15 minuti): crea un'API GraphQL.
  5. Aggiungi la possibilità di archiviare immagini (10 minuti): aggiungi spazio di archiviazione alla tua app.

Creerai questa applicazione React utilizzando il prompt/terminale dei comandi, l'editor di testo e la Console di gestione AWS.

Questa pagina è stata utile?

Implementa e ospita l'app React