在 Dockerfile 中初始化 react.env 变量的更简洁方法

Question

在 dockerfile 中是否有另一种方法来初始化反应环境？

FROM node:14.19 as base

ARG REACT_APP_VERSION
ARG REACT_APP_WEBSITE_NAME
ARG REACT_APP_BACKEND_BASE_URL
ARG REACT_APP_BI_BASE_URL
ARG REACT_APP_DEFAULT_DEPARTEMENT_CODE

ENV REACT_APP_VERSION $REACT_APP_VERSION
ENV REACT_APP_WEBSITE_NAME $REACT_APP_WEBSITE_NAME
ENV REACT_APP_BACKEND_BASE_URL $REACT_APP_BACKEND_BASE_URL
ENV REACT_APP_BI_BASE_URL $REACT_APP_BI_BASE_URL
ENV REACT_APP_DEFAULT_DEPARTEMENT_CODE $REACT_APP_DEFAULT_DEPARTEMENT_CODE

WORKDIR /app

COPY package.json package.json
COPY package-lock.json package-lock.json

RUN npm install
COPY . .

FROM base as development
CMD ["npm", "start"]

FROM base as build
RUN npm run build

FROM nginx:alpine as production
COPY nginx.conf /etc/nginx/conf.d/configfile.template
COPY --from=build /app/build /usr/share/nginx/html
ENV HOST 0.0.0.0
EXPOSE 8080
CMD sh -c "envsubst '\$PORT' < /etc/nginx/conf.d/configfile.template > /etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'"

实际上，我在 Dockerfile 的顶部声明了所有变量，我必须在arg中传递 each.env 变量。 但我不喜欢这种方式。 我正在寻找另一种方法来做到这一点。 我正在为我的管道生产部署使用云构建，所以也许有办法用它做些什么？

Answer 1

如果仅在构建过程中需要它们，则无需将所有 args 复制为 env。 它们将在构建期间被视为环境变量。 之后，当您运行容器时，它们就消失了。

对于第一阶段，这就足够了：

FROM node:14.19
ARG REACT_APP_VERSION="unknown" \
    REACT_APP_WEBSITE_NAME="" \
    REACT_APP_BACKEND_BASE_URL="" \
    REACT_APP_BI_BASE_URL="" \
    REACT_APP_DEFAULT_DEPARTEMENT_CODE="" \
    NODE_ENV="production"
WORKDIR /app
COPY package.json package-lock.json ./
RUN npm install
COPY . .
RUN npm run build

对于第二阶段，您可以使用 nginx 模板目录，它将为您执行envsubst并将模板复制到conf.d目录，删除模板后缀。

它将运行以下脚本： https://github.com/nginxinc/docker-nginx/blob/master/entrypoint/20-envsubst-on-templates.sh

因此，您可以创建带有可变占位符的模板并将它们放在/etc/nginx/templates中。

在您的情况下，您想放置/etc/nginx/templates/default.conf.template 。

FROM nginx:alpine
ENV HOST 0.0.0.0 PORT=8080
EXPOSE 8080
COPY nginx.conf /etc/nginx/templates/default.conf.template
COPY --from=0 /app/build /usr/share/nginx/html

这样，您还可以保留默认入口点和命令。 您不必自己设置。

我还建议使用 nginx 的非特权版本。它默认在 8080 上运行。 https://hub.docker.com/r/nginxinc/nginx-unprivileged 。 如果您计划放弃功能，建议将此映像用于生产环境，此映像通常很有用。