Distribuire in produzione
Come distribuire la tua app React con GT.
Panoramica
Questo breve tutorial ti aiuta a distribuire la tua app React con GT.
Nel complesso, richiederà meno di 5 minuti.
Lo faremo in 3 passaggi:
Aggiungi le tue chiavi API di produzione.
Esegui il comando gtx-cli configure per configurare il progetto.
Aggiungi il comando di traduzione allo script di build.
Prerequisiti
Supponiamo che tu abbia già configurato la tua app React con GT. In caso contrario, configura prima il progetto seguendo la Guida rapida.
Passaggio 1: passa alle chiavi API di produzione 🔑
Per distribuire la tua app in produzione, devi usare una chiave API di produzione.
Dal tuo dashboard, vai su API Keys nella barra laterale. Fai clic su Create API Key e aggiungila al tuo ambiente di produzione.
GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"Proteggi le tue chiavi API!
Le chiavi di produzione vanno usate solo in produzione. Allo stesso modo, le chiavi di sviluppo vanno usate solo in sviluppo. Non eseguire mai il commit delle tue chiavi API in un repository pubblico!
Passaggio 2: Esegui il comando gtx-cli configure 🔧
Se in precedenza hai eseguito la procedura guidata di configurazione, puoi saltare questo passaggio.
La procedura guidata ha già eseguito per te il comando gtx-cli configure.
Esegui il comando gtx-cli configure per configurare il tuo progetto.
npx gtx-cli configureSe non vuoi che le tue traduzioni siano ospitate sul CDN di GT, seleziona "No" quando richiesto.
Dovrai anche configurare la funzione loadTranslations.
Passaggio 3: Aggiungi il comando translate allo script di build 🏗️
L’ultimo passaggio è aggiungere il comando translate allo script di build. Assicurati che il comando translate venga eseguito prima del comando di build.
{
"scripts": {
"build": "npx gtx-cli translate && <...IL_TUO_COMANDO_DI BUILD...>"
}
}Ecco fatto! Ora, quando distribuisci la tua app in produzione ed esegui npm run build,
il tuo progetto verrà tradotto automaticamente e distribuito insieme alla tua app.
Prossimi passi
- Consulta la documentazione della CLI per ulteriori informazioni sullo strumento CLI.
- Scopri le diverse opzioni di configurazione dello strumento CLI qui.
- Leggi le differenze tra gli ambienti di produzione e di sviluppo qui.
Come valuti questa guida?