Как считать переменную окружения из json файла?

Question

[Stergy]

Есть учебный проект, бэкенд (Rails), фронтенд (React)
Есть переменные окружения в файле .env
В этих переменных есть json файл, которые содержит пары ключ-значение.
К примеру
ACCOUNTS=[{"name": "some_name", "id": 123456}, {"name": ""some_name2", "id": 12345678}]
Как получить доступ в реакте к переменной окружения?
Все спасибо за ответ.

Answer 1

[Антон Спирин]

1. С помощью любой утилиты для чтения, парсинга и импорта переменных .env в JavaScript. С webpack будет удобен dotenv-webpack
2. С помощью Rails писать в шаблон:

<script>
  window.__data = {
    ACCOUNTS: '...',
  };
</script>

Comments

[Stergy]

а без стороннего софта никак нельзя это сделать?

[Антон Спирин]

Stergy, а в чем проблема? В бандл библиотека не попадет. Переменные передаются посредством Webpack.DefinePlugin, который используется в любом случае.
Вы, конечно, можете использовать утилиту fs, написать свой, довольно простой в реализации парсер и самостоятельно передавать переменные в Webpack.DefinePlugin, но зачем тратить время когда есть множество готовых решений?

[Stergy]

Антон Спирин, Мне просто нужно было вывести в html переменные окружения которые находятся в файле .env локально, я думал есть какой-то простой способ получить к ним доступ, а-ля env['ACCOUNTS']
Видимо ошибался. Все же благодарю за ответ.

[Антон Спирин]

Stergy, вот еще, если генерируете шаблон с помощью Rails, то можете передать переменные через него в объект window с помощью тега script:

<script>
  window.__data = {
    ACCOUNTS: '...',
  };
</script>

Тоже неплохой вариант.