# react-native: 部署到生产环境
URL: https://generaltranslation.com/zh/docs/react-native/tutorials/quickdeploy.mdx
---
title: 部署到生产环境
description: 使用 GT 部署你的 React Native 应用
---

{/* 自动生成：请勿直接编辑。请在 content/docs-templates/ 中编辑模板。 */}


## 概述

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

整个过程不到 5 分钟即可完成。

我们将分 3 步进行：

<Steps>
  <Step>
    添加生产环境 API 密钥。
  </Step>

  <Step>
    运行 `gt configure` 命令，配置你的项目。
  </Step>

  <Step>
    将 `translate` 命令添加到构建脚本中。
  </Step>
</Steps>

## 前提条件

我们默认你已经在 React Native 应用中完成了 GT 的配置。
如果还没有，请先按照[快速入门指南](/docs/react-native)完成项目设置。

## 第 1 步：添加你的生产环境 API 密钥 🔑

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

在你的[仪表板](https://generaltranslation.com/dashboard)中，前往侧边栏的 **API Keys**。
点击 **Create API Key**，然后将其添加到生产环境中。

```bash copy
GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"
```

<Callout type="warn">
  **妥善保护你的 API 密钥！**

  生产密钥**只能**用于生产环境。
  同样，开发密钥**只能**用于开发环境。
  *绝对不要将你的 API 密钥提交到公开仓库！*
</Callout>


## 第 2 步：运行 `gt configure` 命令 🔧

<Callout>
  如果你之前已经运行过设置向导，可以跳过这一步。
  设置向导已经自动为你运行了 `gt configure` 命令。
</Callout>

运行 `gt configure` 命令来配置项目。

```bash copy
npx gt configure
```

<Callout>
  如果您不想将翻译托管到 GT CDN 上，在系统询问时请选择 &quot;No&quot;。
  您还需要配置 [`loadTranslations`](/docs/react-native/api/config/load-translations) 函数。
</Callout>


## 第 3 步：将 translate 命令添加到构建脚本中 🏗️

最后一步是将 [translate 命令](/docs/cli/translate) 添加到构建脚本中。
请确保 translate 命令位于 build 命令之前。

```json title="package.json" copy
{
  "scripts": {
    "build": "npx gt translate && <...YOUR_BUILD_COMMAND...>"
  }
}
```

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

***


## 后续步骤

* 有关 CLI 工具的更多信息，请参阅 [CLI 文档](/docs/cli)。
* [点击这里](/docs/cli/configure)了解 CLI 工具的不同配置选项。
* [点击这里](/docs/react-native/concepts/environments)了解生产环境与开发环境之间的区别。