部署到生产环境 (5分钟)

概述

这是一个简短的教程，帮助你使用GT部署你的React应用。

我们将通过3个步骤完成：

添加你的生产环境API密钥。

运行init命令来配置你的项目。

与你的应用共享你的配置。

将translate命令添加到你的构建脚本中。

先决条件

确保您已按照快速入门指南设置您的 GT React 应用程序。

步骤 1：切换到您的生产 API 密钥 🔑

将您的生产 API 密钥和项目 ID 添加到您的生产环境变量中。

从您的仪表板，转到侧边栏中的 API 密钥。点击 创建 API 密钥，并将其添加到您的生产环境中。

GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"

保护您的 API 密钥！

生产密钥应仅在生产中使用。同样，开发密钥应仅在开发中使用。 切勿将您的 API 密钥提交到公共代码库！

步骤2：运行init命令 🔧

运行init命令来配置您的项目。

npx gtx-cli init

如果您不希望您的翻译托管在GT CDN上，当被问到语言文件存储位置时请选择"Local"。您还需要配置loadTranslations()函数。

步骤3：与您的应用程序共享配置 ⚙️

init命令将在根目录中生成一个配置文件。

将配置文件传递给<GTProvider>。如果您在提供者中指定了任何语言环境，请将其移除。配置文件将处理这些内容。

src/App.js

import { GTProvider } from "gt-react";
import MyApp from "./MyApp";
import config from "../gt.config.json";  
 
export default function App() {
  return (
    <GTProvider {...config}> 
      <MyApp />
    </GTProvider> 
  );
}

步骤4：将翻译命令添加到您的构建脚本中 🏗️

最后一步是将翻译命令添加到您的构建脚本中。确保翻译命令在构建命令之前执行。

package.json

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

就是这样！您现在已经准备好使用GT部署您的React应用程序了！

后续步骤

查看 CLI 文档获取有关 CLI 工具的更多信息。
了解如何翻译字符串。
了解 <T> 组件。