Развертывание в продакшен
Как развернуть React‑приложение с GT.
Обзор
Короткое руководство, которое поможет развернуть React‑приложение с GT.
Всё займет меньше 5 минут.
Мы сделаем это в 3 шага:
Добавьте рабочие (production) API‑ключи.
Выполните команду gtx-cli configure, чтобы настроить проект.
Добавьте команду перевода в скрипт сборки.
Предварительные требования
Предполагается, что вы уже настроили своё React‑приложение с GT. Если нет — сначала настройте проект, следуя руководству по быстрому старту.
Шаг 1: Переключитесь на производственные API‑ключи 🔑
Чтобы развернуть приложение в продакшене, используйте производственный API‑ключ.
В панели управления откройте раздел API Keys в боковой колонке. Нажмите Create API Key и добавьте ключ в вашу продакшен‑среду.
GT_API_KEY="ВАШ_КЛЮЧ_GT_API"
GT_PROJECT_ID="ВАШ_ID_ПРОЕКТА_GT"Берегите свои API‑ключи!
Ключи для продакшена должны использоваться только в продакшене. Аналогично, ключи для разработки — только в среде разработки. Никогда не добавляйте свои API‑ключи в публичный репозиторий!
Шаг 2: Выполните команду gtx-cli configure 🔧
Если вы уже проходили мастер настройки, этот шаг можно пропустить.
Мастер настройки уже выполнил за вас команду gtx-cli configure.
Выполните команду gtx-cli configure, чтобы настроить проект.
npx gtx-cli configureЕсли вы не хотите размещать свои переводы на GT CDN, при соответствующем запросе выберите «No».
Также необходимо будет настроить функцию loadTranslations.
Шаг 3: Добавьте команду translate в скрипт сборки 🏗️
Последний шаг — добавить команду translate в скрипт сборки. Убедитесь, что команда translate выполняется до команды сборки.
{
"scripts": {
"build": "npx gtx-cli translate && <...YOUR_BUILD_COMMAND...>"
}
}Вот и всё! Теперь, когда вы развернёте приложение в продакшн и запустите npm run build,
ваш проект будет автоматически переведён и развернут вместе с приложением.
Следующие шаги
- См. документацию по CLI для получения подробной информации об инструменте CLI.
- О вариантах конфигурации инструмента CLI читайте здесь.
- О различиях между средами продакшена и разработки читайте здесь.
Насколько полезно это руководство?