# react-native: Развертывание в продакшене
URL: https://generaltranslation.com/ru/docs/react-native/tutorials/quickdeploy.mdx
---
title: Развертывание в продакшене
description: Развернём ваше React Native-приложение с помощью GT
---

{/* СГЕНЕРИРОВАНО АВТОМАТИЧЕСКИ: Не редактируйте напрямую. Вместо этого измените шаблон в content/docs-templates/. */}


## Обзор

Это короткое руководство поможет вам развернуть React Native-приложение с GT.

Всё должно занять меньше 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>
  Если вы не хотите размещать переводы в CDN GT, выберите &quot;Нет&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).