Используйте переменные окружения для отображения флагов в Angular 7

Question

Мне нужен способ отмечать вещи без необходимости вносить изменения в код.

Я видел решения, использующие файлы environment.ts, в которых вы указываете, какие функции включать / отключать.Это отлично подходит для включения функций, основанных на среде (prod, staging, dev и т. Д.).

Чтобы включить определенную функцию в любой среде, мне нужно внести изменения в код, а затем повторно развернуть.В идеале я хотел бы, чтобы в моей системе развертывания использовались переменные среды, которые я могу переключать, а затем повторно развертывать.В настоящее время я делаю это с помощью бэкэнда Java SpringBoot для поддержки функций флагов.

Есть ли еще способ сделать это?

Answer 1

См. Эту статью: https://medium.com/@balramchavan/configure-and-build-angular-application-for-different-environments-7e94a3c0af23

По сути, у вас есть 2 файла среды с одинаковыми атрибутами. Когда приложение развертывается в режиме разработки, enviroment.dev заменяет свойства в коде значениями в файле среды. Когда приложение собирается для производства (build --prod), сборщик заменяет свойства значениями в файле .prod:

"fileReplacements": [
  {
      "replace": "src/environments/environment.ts",
     "with": "src/environments/environment.qa.ts"
  }