Les variables d’environnement sont des variables globales qui sont définies dans l’environnement d’exécution du serveur. Elles peuvent être utilisées pour gérer les constantes du projet en fonction de l’environnement – comme les URLs de l’API de développement ou de production, les clés d’API, etc.
Voici comment utiliser les variables d’environnement dans Reactjs :
1. Créez un fichier `.env` à la racine du projet.
1. Définissez vos variables d’environnement dans ce fichier. Chaque variable doit être préfixée par `REACT_APP_`. Par exemple :
\`\`\` REACT_APP_API\_URL=https://monapi.com REACT_APP_API\_KEY=abcdef123456 \`\`\`1. Enregistrez et fermez le fichier.
1. Maintenant, vous pouvez accéder à ces variables en utilisant `process.env`. Par exemple, vous pouvez utiliser `process.env.REACT_APP_API_URL` pour accéder à l’URL de l’API.
1. N’oubliez pas d’ajouter le fichier `.env` à votre fichier `.gitignore` pour éviter de le pousser par erreur vers votre dépôt Git.
Attention : Les variables d’environnement sont incorporées dans le build, donc la modification des valeurs nécessitera une nouvelle compilation du projet pour prendre en compte les changements. De plus, elles sont exposées à la clientèle dans le code JavaScript, donc elles ne sont pas adaptées pour stocker des informations sensibles comme les mots de passe ou les clés secrètes d’API.
