1. Le processus de déploiement

L’application fonctionne déjà sur notre machine locale, nous pouvons donc déployer l’application simplement en copiant tous les fichiers du projet vers le serveur distant. Ce serait sympas, non ?

Malheureusement, vous vous doutez que ce ne sera pas aussi simple. En informatique, le fait de passer du développement à une application utilisable par les utilisateurs s’appelle le déploiement en production.

Et pour déployer en production, nous avons plusieurs choses à faire. Il faut compresser nos fichiers pour qu’ils se chargent plus vite dans le navigateur des utilisateurs, se débrouiller pour simuler une API Rest en production (et oui, la librairie json-server fonctionne uniquement sur notre machine locale, impossible de le faire fonctionner en production !). Bref, nous devons effectuer un certain nombre d’opérations sur notre projet avant de le déployer.

Avant de commencer, voici une courte liste des tâches que nous devons accomplir pour déployer notre projet :

  • Préparer notre projet en local avant le déploiement. Nous verrons que React a déjà tout prévu, et que nous n’aurons pas grand chose à faire de notre côté. C’est toujours ça de pris. 😏
  • Créer le projet sur le site de Firebase Hosting. C’est une entreprise appartenant à Google, qui propose d’héberger gratuitement des sites statiques en dessous d’un certain quota d’utilisation. C’est exactement ce dont nous avons besoin ! Cela vous donnera accès à une console d’administration d’où nous pourrons consulter l’historique de vos déploiements, revenir à une version plus ancienne de votre projet, etc.
  • Enfin, déployer notre application sur le site de Firebase, afin qu’il soit accessible au monde entier. Rien que ça !

Le monde entier va bientôt pouvoir découvrir votre travail ! 🌍

Allez hop, c’est parti !

Le seul pré-requis est de disposez d’un compte Google. Si vous n’en n’avez pas, vous pouvez créez un compte gratuitement.