Задонатить и смотреть →
Открыть доступ к сотне полезных скринкастов

Переменные окружения в 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 - Подведение итогов
Скрытый контент (код, слайды, ...) для подписчиков. Открыть →
Дмитрий Елисеев
elisdn.ru
Комментарии (4)
fedot

Спасибо!

Ответить
Konstantin

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

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

Спасибо!

Ответить
Arunas

спасибо.

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

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

Google
GitHub
Yandex
MailRu