如何将docker文件中可用的环境变量放入React组件

Question

任何人都可以告诉我如何从在Jenkins管道中运行的docker文件中选择一个环境变量添加到我的React组件中吗？

Answer 1

如果您使用的是webpack，则可以在编译时使用DefinePlugin从Jenkins获取环境变量，然后将其定义为您的React组件要使用的全局常量。

或者，您可以只使用fs.readFileSync来读取和解析webpack.config.js中的docker文件。

Answer 2

您可以只使用process.env.{{your_env}}来访问react应用程序中的环境变量。

通常，当您在Dockerfile中使用ENV命令设置环境变量时，这些变量将被设置为容器内的系统级环境变量。您可以通过在bash提示中发出export命令来确保它们是否正确设置为容器。如果您的变量包含在export命令的结果中，那么您可以在React应用中轻松使用process.env访问这些变量。

Answer 3

像使用process.env.VAR_NAME的变量一样在代码中使用它们。

如果您使用的是AfterTarget，请确保您的环境变量以REACT_APP_开头。

因此，如果您需要KEY=123，则应将其定义为REACT_APP_KEY=123，并使用const key = process.env.KEY; // returns 123在代码中获取它