Hébergement d'un site Web statique

Implémentation

• Création et connexion d'un référentiel

  Pour commencer ce didacticiel, vous devez créer et initialiser un référentiel. Le plus simple pour cela est d'utiliser la commande « create-react-app ». Installez ce paquet en utilisant la commande suivante dans votre invite de commande ou votre terminal.

  Vous disposez déjà d'un référentiel à connecter. Passez à l'étape c ci-dessous.

  Vous voulez procéder à un déploiement sans vous connecter à un fournisseur Git. Commencez en cliquant ici.

  npx create-react-app amplifyapp
  cd amplifyapp
  npm start

  Code snippet copied

  Copier

  Dans cette étape, vous allez créer un référentiel GitHub et déposer votre code dans le référentiel. Vous aurez besoin d'un compte GitHub pour terminer cette étape. Si vous n'en avez pas, inscrivez-vous ici.

  a. Créez un référentiel GitHub pour votre application (lien)
  

  

  b. Initialisez Git et envoyez l'application au nouveau référentiel GitHub en exécutant les commandes suivantes dans votre interface de ligne de commande :
  

  git init
  git remote add origin git@github.com:username/reponame.git
  git add .
  git commit -m “initial commit”
  git push origin master

  Code snippet copied

  Copier

  c. Pour connecter votre référentiel, connectez-vous à la console Amplify et choisissez Démarrer en haut de la page, puis Démarrer sous Amplify Hosting.
  

  

  

  Connectez vos référentiels GitHub, Bitbucket, GitLab ou AWS CodeCommit. Vous avez également la possibilité de télécharger manuellement vos artefacts de construction sans connecter un référentiel Git (voir Déploiements manuels). Après avoir autorisé Amplify Console, Amplify récupère un jeton d'accès auprès du fournisseur du référentiel, mais ne stocke pas ce jeton sur les serveurs AWS. Amplify accède à votre référentiel en utilisant des clés de déploiement installées dans un référentiel spécifique uniquement.
  

  

  Après avoir connecté le fournisseur de services de référentiel, choisissez un référentiel, puis la branche correspondante à construire et à déployer.
  

  

• Confirmer les paramètres de construction

  Pour la branche sélectionnée, Amplify examine votre référentiel pour détecter automatiquement la séquence de commandes de construction à exécuter. Confirmez les paramètres de construction, puis cliquez sur Suivant.
  

  

• Enregistrer et déployer

  Passez en revue tous les paramètres pour vous assurer que tout est configuré correctement. Sélectionnez Enregistrer et déployer pour déployer votre application web sur un réseau mondial de diffusion de contenu (CDN). La mise en place de votre front-end prend généralement de 1 à 2 minutes, mais peut être plus ou moins rapide en fonction de la taille de l'application.