Créer une application React complète

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

  Code snippet copied

  Copier
• 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

  Code snippet copied

  Copier
• 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
  

  Code snippet copied

  Copier