Восстановлена оплата с иностранных банковских карт. Кнопка оплаты доступна в кабинете >>

Переменные окружения в React

Для компонента аутентификации нам осталось доделать возможность входа через OAuth-провайдер на другом домене или поддомене. Для указания хоста мы можем использовать переменные окружения как мы делаем в бэкенде.

Но работа с окружением во фронтенде сильно отличается тем, что JavaScript код выполняется не на севрере, а в браузере, где никаких переменных нет. И для динамической подстановки значений в момент запуска сервера нам придётся использовать особые подходы.

Поэтому сегодня разберём внутреннюю работу и использование переменных окружения в React при разработке и при деплое с Docker. Заодно познакомимся с аргументами для пробрасывания ключей доступа к приватным репозиториям в процессе сборки контейнеров:

  • 00:01:57 - Переменные окружения в React App
  • 00:04:09 - Использование переменных в продакшене
  • 00:06:06 - Простановка значений в Dockerfile
  • 00:08:08 - Использование аргументов сборки
  • 00:11:13 - Передача ключей для приватных репозиториев
  • 00:13:57 - Подстановка значений при запуске
  • 00:14:18 - Использование заглушек значений
  • 00:15:59 - Подстановка значений в docker-entrypoint
  • 00:18:29 - Проверка работы
  • 00:20:44 - Сокрытие паролей
  • 00:21:47 - Подведение итогов
Скрытый контент (код, слайды, ...) для подписчиков
Комментарии (4)
fedot

Спасибо!

Ответить
Konstantin

Спасибо! Ждем новых эпизодов)

Ответить
Руслан

Спасибо!

Ответить
Arunas

спасибо.

Ответить
Зарегистрируйтесь или войдите чтобы оставить комментарий

Или войти через:

Google
GitHub
Yandex
MailRu