Déploiement en production
Comment déployer votre application React avec GT.
Présentation
Voici un court tutoriel pour vous aider à déployer votre application React avec GT.
Au total, cela devrait prendre moins de 5 minutes.
Nous allons procéder en 3 étapes :
Ajoutez vos API Keys de production.
Exécutez la commande gtx-cli configure pour configurer votre projet.
Ajoutez la commande translate à votre script de build.
Prérequis
Nous partons du principe que vous avez déjà configuré votre application React avec GT. Si ce n’est pas le cas, commencez par configurer votre projet en suivant le Guide de démarrage rapide.
Étape 1 : Passez à vos API Keys de production 🔑
Pour déployer votre application en production, vous devez utiliser une clé d’API de production.
Depuis votre tableau de bord, accédez à API Keys dans la barre latérale. Cliquez sur Create API Key, puis ajoutez-la à votre environnement de production.
GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"Protégez vos API Keys !
Les clés de production ne doivent jamais être utilisées ailleurs qu’en production. De même, les clés de développement ne doivent jamais être utilisées ailleurs qu’en développement. Ne validez jamais vos clés d’API dans un dépôt public !
Étape 2 : Exécutez la commande gtx-cli configure 🔧
Si vous avez déjà lancé l’assistant de configuration, vous pouvez passer cette étape.
L’assistant de configuration aura déjà exécuté la commande gtx-cli configure pour vous.
Exécutez la commande gtx-cli configure pour configurer votre projet.
npx gtx-cli configureSi vous ne souhaitez pas que vos traductions soient hébergées sur le GT CDN, sélectionnez « Non » lorsque la question vous est posée.
Vous devrez également configurer la fonction loadTranslations.
Étape 3 : Ajoutez la commande translate à votre script de build 🏗️
La dernière étape consiste à ajouter la commande translate à votre script de build. Assurez-vous que la commande translate s’exécute avant la commande de build.
{
"scripts": {
"build": "npx gtx-cli translate && <...VOTRE_COMMANDE_DE_BUILD...>"
}
}C’est tout ! Désormais, lorsque vous déployez votre application en production et exécutez npm run build,
votre projet sera automatiquement traduit et déployé en même temps que votre application.
Prochaines étapes
- Consultez la documentation du CLI pour en savoir plus sur l’outil CLI.
- Découvrez les différentes options de configuration du CLI ici.
- Découvrez les différences entre les environnements de production et de développement ici.
Que pensez-vous de ce guide ?