部署到生产环境

概述

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

总共来说，完成这个过程应该不到5分钟。

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

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

运行gtx-cli configure命令来配置你的项目。

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

我们假设你已经在你的 React 应用中集成了 GT。如果还没有，请先按照快速入门指南设置你的项目。

要将你的应用部署到生产环境，你需要使用生产 API 密钥。

在你的 dashboard 中，前往侧边栏的 API Keys。点击 Create API Key，并将其添加到你的生产环境中。

GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"

保护你的 API 密钥！

生产密钥应当只在生产环境中使用。同样，开发密钥应当只在开发环境中使用。 切勿将你的 API 密钥提交到公共仓库！

如果你之前已经运行过设置向导，可以跳过此步骤。设置向导已经为你执行过 gtx-cli configure 命令。

运行 gtx-cli configure 命令以配置你的项目。

npx gtx-cli configure

如果你不希望你的翻译内容托管在 GT CDN 上，在被询问时请选择“No”。你还需要配置 loadTranslations() 函数。

最后一步是将翻译命令添加到你的构建脚本中。确保翻译命令位于构建命令之前。

package.json

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

就是这样！现在，当你将应用部署到生产环境并运行npm run build时，你的项目将自动翻译并与你的应用一起部署。