# react-native: 本番環境へデプロイ
URL: https://generaltranslation.com/ja/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 のセットアップがすでに完了していることを前提とします。
まだの場合は、まず [Quickstart Guide](/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コマンドは、ビルドコマンドより前に来るようにしてください。

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

以上です！これで、アプリを本番環境にデプロイして `npm run build` を実行すると、
プロジェクトは自動的に翻訳され、アプリと一緒にデプロイされます。

***


## 次のステップ

* CLI ツールの詳細は、[CLI ドキュメント](/docs/cli)を参照してください。
* CLI ツールの各種設定オプションについては、[こちら](/docs/cli/configure)を参照してください。
* 本番環境と開発環境の違いについては、[こちら](/docs/react-native/concepts/environments)を参照してください。