Démarrer avec AWS
Créer une application React complète
Créer une application Web simple avec AWS Amplify
initialiser une application locale
Module 2 : Initialiser une application Amplify locale
Dans ce module, vous installerez et configurerez l'interface de ligne de commande (CLI) Amplify.
Présentation
Maintenant que vous avez initialisé un nouveau projet Amplify sur votre compte, intégrez-le à votre environnement local afin de pouvoir poursuivre son développement et ajouter de nouvelles fonctionnalités.
Dans ce module, vous installerez l'interface de ligne de commande d'AWS Amplify et initialiserez le projet Amplify à l'aide de l'interface de ligne de commande.
Qu'allez-vous accomplir ?
- Installer et configurer l'interface de ligne de commande Amplify
- Initialiser l'application Amplify
Concepts clés
Interface de ligne de commande Amplify – L'interface de ligne de commande Amplify vous permet de créer, de gérer et de supprimer des services AWS directement à partir de votre terminal.
Temps nécessaire
5 minutes
Services utilisés
Mise en œuvre
-
Installer l'interface de ligne de commande Amplify
L'interface de ligne de commande (CLI) Amplify est une chaîne d'outils unifiée qui permet de créer des services du cloud AWS pour votre application en suivant un flux de travail simple et guidé. Installez maintenant l'interface de ligne de commande Amplify en utilisant l'invite de commande (Windows) ou le terminal (macOS). Remarque : cette commande peut être exécutée dans n'importe quel répertoire de votre invite de commande/terminal, car le « -g » indique que le binaire sera installé globalement sur votre système.
npm install -g @aws-amplify/cli
-
Configurer l'interface de ligne de commande Amplify
La gestion des identités et des accès (IAM) AWS vous permet de gérer les utilisateurs et les autorisations d'accès dans AWS. L'interface de ligne de commande repose sur IAM pour créer et gérer des services programmatiques en votre nom depuis l'interface de ligne de commande.
Pour configurer l'interface de ligne de commande, exécutez la commande de configuration. Vous retrouverez une vidéo expliquant le processus de configuration de l'interface de ligne de commande dans la section Installation et configuration de l'interface de ligne de commande AWS Amplify ci-dessous.
amplify configure
-
Initialiser l'application Amplify
Ensuite, vous allez déployer un backend et initialiser l'environnement backend en local.
a. Dans la console Amplify, sélectionnez Environnements backend et cliquez sur Démarrer. Attendez la fin du déploiement du backend.
b. Dans l'onglet Environnements backend, sélectionnez Lancer Studio.
c. Revenez à l'onglet Environnements backend et développez la section Instructions de configuration locale. Copiez la commande dans votre presse-papiers et ouvrez le terminal sur votre ordinateur.
d. Collez la commande dans votre terminal et suivez les instructions de configuration.
? Choose your default editor: Visual Studio Code ? Choose the type of app that you're building javascript ? What javascript framework are you using react ? Source Directory Path: src ? Distribution Directory Path: build ? Build Command: npm run-script build ? Start Command: npm run-script start ? Do you plan on modifying this backend? Y
Conclusion
Vous venez d'initialiser le projet Amplify et vous êtes maintenant prêt à ajouter des fonctionnalités. Dans le prochain module, vous ajouterez un flux complet d'authentification des utilisateurs avec seulement quelques lignes de code.
Pour afficher votre projet Amplify dans le tableau de bord, vous pouvez maintenant exécuter la commande suivante à tout moment :
amplify console
? Which site do you want to open? AWS console