Переменные окружения в 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 - Подведение итогов