Mise en route avec AWS
Développer une application React
Créer une application Web simple avec AWS Amplify
Introduction : Création d'une application React simple
Suivez les instructions pour créer votre première application React.
Présentation
Dans ce didacticiel, vous allez créer une application Web 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 4 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.
Opérations que vous allez apprendre à effectuer
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 autoriser les connexions et les déconnexions
- Base de données et stockage : ajouter une API GraphQL, une basse de données et une solution de stockage
Expérience AWS
Débutant
Durée nécessaire
50 minutes
Coût
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
- Un éditeur de texte. Nous vous suggérons les éditeurs gratuits suivants (par ordre alphabétique) : Atom, Notepad++, Sublime, Vim, Visual Studio Code
[*]Les comptes créés dans les dernières 24 heures sont susceptibles de ne pas encore avoir accès aux services nécessaires pour ce didacticiel.
[**] Les utilisateurs iOS ne sont pas concernés, car Git est installé par défaut
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 Web AWS.