Bereitstellung für die Produktion
So deployen Sie Ihre React-App mit GT.
Überblick
Dieses kurze Tutorial hilft Ihnen, Ihre React-App mit GT bereitzustellen.
Insgesamt sollte das weniger als 5 Minuten dauern.
Wir erledigen das in 3 Schritten:
Fügen Sie Ihre API-Schlüssel für die Produktion hinzu.
Führen Sie den Befehl gtx-cli configure aus, um Ihr Projekt zu konfigurieren.
Fügen Sie den Befehl translate zu Ihrem Build-Skript hinzu.
Voraussetzungen
Wir gehen davon aus, dass Sie Ihre React-App bereits mit GT eingerichtet haben. Falls nicht, richten Sie Ihr Projekt zunächst ein, indem Sie der Schnellstartanleitung folgen.
Schritt 1: Auf Produktions‑API‑Schlüssel umstellen 🔑
Um deine App in der Produktion bereitzustellen, musst du einen Produktions‑API‑Schlüssel verwenden.
Öffne im Dashboard in der Seitenleiste API Keys. Klicke auf Create API Key und füge den Schlüssel deiner Produktionsumgebung hinzu.
GT_API_KEY="DEIN_GT_API_KEY"
GT_PROJECT_ID="DEINE_GT_PROJECT_ID"Schützen Sie Ihre API-Schlüssel!
Produktionsschlüssel dürfen nur in der Produktion verwendet werden. Ebenso dürfen Entwicklungsschlüssel nur in der Entwicklung verwendet werden. Committen Sie Ihre API-Schlüssel niemals in ein öffentliches Repository!
Schritt 2: Führen Sie den Befehl gtx-cli configure aus 🔧
Wenn Sie den Einrichtungsassistenten bereits verwendet haben, können Sie diesen Schritt überspringen.
Der Einrichtungsassistent hat den Befehl gtx-cli configure bereits für Sie ausgeführt.
Führen Sie den Befehl gtx-cli configure aus, um Ihr Projekt zu konfigurieren.
npx gtx-cli configureWenn Sie nicht möchten, dass Ihre Übersetzungen über das GT CDN bereitgestellt werden, wählen Sie bei der entsprechenden Frage „Nein“.
Außerdem müssen Sie die Funktion loadTranslations konfigurieren.
Schritt 3: Füge den translate-Befehl zu deinem Build-Skript hinzu 🏗️
Der letzte Schritt besteht darin, den translate-Befehl zu deinem Build-Skript hinzuzufügen. Achte darauf, dass der translate-Befehl vor dem Build-Befehl ausgeführt wird.
{
"scripts": {
"build": "npx gtx-cli translate && <...IHR_BUILD_BEFEHL...>"
}
}Das war’s! Wenn du deine App für die Produktion bereitstellst und npm run build ausführst,
wird dein Projekt automatisch übersetzt und zusammen mit deiner App deployt.
Nächste Schritte
- Sieh dir die CLI-Dokumentation für weitere Informationen zum CLI-Tool an.
- Erfahre mehr über die verschiedenen Konfigurationsoptionen für das CLI-Tool hier.
- Lies mehr über den Unterschied zwischen Produktions- und Entwicklungsumgebungen hier.
Wie ist dieser Leitfaden?