Bereitstellung in der Produktionsumgebung

Wie Sie Ihre React-App mit GT bereitstellen.

Überblick

Dies ist ein kurzes Tutorial, das Ihnen hilft, Ihre React-App mit GT zu deployen.

Insgesamt sollte dies weniger als 5 Minuten dauern.

Wir werden dies in 3 Schritten tun:

Fügen Sie Ihre Produktions-API-Schlüssel hinzu.

Führen Sie den Befehl gtx-cli configure aus, um Ihr Projekt zu konfigurieren.

Fügen Sie den Übersetzungsbefehl zu Ihrem Build-Skript hinzu.

Voraussetzungen

Wir gehen davon aus, dass du deine React-App bereits mit GT eingerichtet hast.
Falls nicht, richte dein Projekt zunächst ein, indem du der Schnellstart-Anleitung folgst.

Schritt 1: Wechseln Sie zu Ihren Produktions-API-Schlüsseln 🔑

Um Ihre App in der Produktionsumgebung bereitzustellen, benötigen Sie einen Produktions-API-Schlüssel.

Gehen Sie in Ihrem Dashboard zu API Keys in der Seitenleiste. Klicken Sie auf Create API Key und fügen Sie diese zu Ihrer Produktionsumgebung hinzu.

GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"

Schützen Sie Ihre API-Schlüssel!

Produktionsschlüssel sollten ausschließlich in der Produktionsumgebung verwendet werden. Ebenso sollten Entwicklungsschlüssel ausschließlich in der Entwicklungsumgebung verwendet werden. Speichern Sie Ihre API-Schlüssel niemals in einem öffentlichen Repository!

Schritt 2: Führen Sie den Befehl gtx-cli configure aus 🔧

Wenn Sie den Einrichtungsassistenten bereits ausgeführt 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 configure

Wenn Sie nicht möchten, dass Ihre Übersetzungen auf dem GT CDN gehostet werden, wählen Sie bei der entsprechenden Frage "Nein" aus. Sie müssen außerdem die Funktion loadTranslations() konfigurieren.

Schritt 3: Fügen Sie den translate-Befehl zu Ihrem Build-Skript hinzu 🏗️

Der letzte Schritt ist, den translate-Befehl zu Ihrem Build-Skript hinzuzufügen. Stellen Sie sicher, dass der translate-Befehl vor dem Build-Befehl steht.

package.json
{
  "scripts": {
    "build": "npx gtx-cli translate && <...YOUR_BUILD_COMMAND...>"
  }
}

Das war's! Wenn Sie jetzt Ihre App in die Produktionsumgebung deployen und npm run build ausführen, wird Ihr Projekt automatisch übersetzt und zusammen mit Ihrer App bereitgestellt.


Nächste Schritte

  • Sehen Sie die CLI-Dokumentation für weitere Informationen zum CLI-Tool.
  • Erfahren Sie mehr über die verschiedenen Konfigurationsoptionen für das CLI-Tool hier.
  • Lesen Sie über den Unterschied zwischen Produktions- und Entwicklungsumgebungen hier.

Wie ist dieser Leitfaden?