Démarrer avec AWS
Créer une application React complète
Créer une application Web simple avec AWS Amplify
Introduction : créer une application React full-stack
Suivez les instructions pour créer votre première application React
Présentation
Dans ce didacticiel, vous allez créer une application Web full-stack simple en utilisant AWS Amplify, un ensemble d'outils et de services qui incluent un service d'hébergement Web. Dans le premier module, vous créerez et hébergerez une application React sur AWS. Lors des quatre modules suivants, vous initialiserez une application locale en utilisant l'interface de ligne de commande, ajouterez une authentification, ajouterez une API GraphQL ainsi qu'une base de données, puis mettrez à jour votre application pour stocker des images.
Qu'allez-vous accomplir ?
Ce didacticiel vous guidera tout au long des étapes à suivre pour créer une application Web simple. Vous apprendrez à effectuer les actions suivantes :
- Hébergement : créer et héberger une application React sur le réseau de diffusion de contenu (CDN) mondial AWS
- Authentification : ajouter une authentification dans votre application pour activer les connexions et les déconnexions
- Base de données et stockage : ajouter une API GraphQL, une base de données et une solution de stockage
Expérience AWS
Débutant
Temps nécessaire
50 minutes
Coût de réalisation
Admissible à l'offre gratuite
Éléments requis
- Compte AWS avec accès administrateur*
- Node.js : Node.js v10.x ou version ultérieure
- Compte GitHub
- Git** : les utilisateurs Windows devront installer Git
[*]Les comptes créés dans les dernières 24 heures sont susceptibles de ne pas avoir encore accès aux services nécessaires pour ce didacticiel.
[**] Les utilisateurs iOS ne sont pas concernés, car Git est installé par défaut.
Services utilisés
Date de la dernière mise à jour
28 avril 2023
Modules
Ce didacticiel est divisé en cinq modules courts. Vous devez compléter chacun d'entre eux, dans l'ordre, afin de passer au suivant.
- Déployer et héberger une application React (10 minutes) : créer une application React, la déployer et l'héberger avec AWS Amplify.
- Initialiser une application locale (5 minutes) : initialiser une application locale en utilisant AWS Amplify.
- Ajouter une authentification (10 minutes) : ajouter une authentification à votre application.
- Ajouter une API GraphQL et une base de données (15 minutes) : créer une API GraphQL.
- Ajouter la capacité de stockage des images (10 minutes) : augmenter la capacité de stockage de votre application.
La création de votre application React se fera en utilisant un terminal ou une invite de commande, un éditeur de texte et la console de gestion AWS.