dockerize create-react-app如何在docker环境中访问azure发布管道变量

Question

以下是问题的完整流程

1）Azure构建管道使用以下DockerFile创建人工制品（docker图像）

FROM hub.docker.prod.private.com/library/node:10.16-alpine as buildImage
RUN mkdir -p /usr/src/app
WORKDIR /usr/src/app

ENV PATH /app/node_modules/.bin:$PATH
ENV REACT_APP_SERVER_URL=${REACT_APP_SERVER_URL}
ENV REACT_APP_AD_APP_ID=${REACT_APP_AD_APP_ID}
ENV REACT_APP_REDIRECT_URL=${REACT_APP_REDIRECT_URL}
ENV REACT_APP_AUTHORITY=${REACT_APP_AUTHORITY}

COPY package.json /usr/src/app/
RUN npm install
RUN npm install react-scripts@3.0.1 -g
COPY . /usr/src/app
RUN npm run build

FROM hub.docker.prod.private.com/library/nginx:1.15.12-alpine
COPY --from=buildImage /usr/src/app/build /usr/share/nginx/html
RUN rm /etc/nginx/conf.d/default.conf
COPY nginx/nginx.conf /etc/nginx/conf.d
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

2）并将docker图像推入Azure容器注册表(ACR)。

Answer 1

但是在部署之后，所有在应用程序中使用的环境变量仍然没有定义，请您纠正我是否可以按照上面提到的方式使用docker环境。

上面提到的方法不可能奏效。在部署过程中，发布变量不会自动用DockerFile中的stage-scope发布变量替换原始值。

作为一种解决办法，您可以从替换令牌，在部署前的三个阶段任务中尝试Replace Tokens任务。因此，三个阶段中的任务顺序应该类似于:replace Tokens任务在dockerfile=>docker build和push=>deploy任务中设置释放变量。

ENV REACT_APP_SERVER_URL=#{REACT_APP_SERVER_URL}#
ENV REACT_APP_AD_APP_ID=#{REACT_APP_AD_APP_ID}#
ENV REACT_APP_REDIRECT_URL=#{REACT_APP_REDIRECT_URL}#
ENV REACT_APP_AUTHORITY=#{REACT_APP_AUTHORITY}#

如果不想对Dockerfile本身进行任何更改，另一种方法是在命令行参数中传递值。你可以查看这篇类似的帖子以了解更多细节。