AngularJS的可重用docker镜像

前端之家收集整理的这篇文章主要介绍了AngularJS的可重用docker镜像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们有一个AngularJS应用程序.我们为它编写了一个dockerfile,因此它可以在每个系统上重用. dockerfile不是最佳实践,它可能是一些奇怪的构建(在同一个文件中构建和托管),但它只是为了在每个开发人员的每台PC上本地运行我们的angularjs应用程序而创建.
Dockerfile:
FROM Nginx:1.10

... Steps to install nodejs-legacy + npm

RUN npm install -g gulp
RUN npm install
RUN gulp build  

.. steps to move dist folder

我们使用docker build -t myapp:latest构建我们的图像.
每个开发人员都可以使用docker run -d -p 80:80 myapp:latest运行我们的应用程序

但现在我们正在开发其他后端.所以我们在DEV中有一个后端,UAT的后端,……
因此,我们需要在/config/xx.json中使用不同的URL

{
  ...
  "service_base": "https://backend.test.xxx/",...
}

我们不希望每次都更改该URL,重建图像并启动它.我们也不想声明可以在那里使用的一些URL(dev,uat,prod,..).我们希望使用环境变量而不是硬编码的URL来执行我们的gulp构建过程.

所以我们可以像这样启动容器:

docker run -d -p 80:80 --env URL=https://mybackendurl.com app:latest

是否有人有这种问题的经验?所以我们在json中需要一个env变量并构建它,如果可能的话,稍后再添加URL.

编辑:更好的选择是使用构建args

您可以使用docker build args而不是在docker run命令中传递URL.最好在docker build期间执行构建相关命令而不是docker run.

在Dockerfile中,

ARG URL

然后跑

docker build --build-arg URL=<my-url> .

有关详细信息,请参见此stackoverflow question

猜你在找的Angularjs相关文章