docker-compose

dockerfile → Dockerfile

@@ -1,6 +1,6 @@
 ##### Stage 1
 
-FROM node:10.15.0 as builder
+FROM node:14.17 as builder
 
 WORKDIR /app
 
@@ -24,13 +24,24 @@ ENV ENVIRONMENT=production1
 ENV SomeAPIKey="This is not an API Key"
 ENV SomeOtherAPIKey="This is not another API Key"
 
+#ARG ENVIRONMENT
+#ENV ENVIRONMENT=$ENVIRONMENT
+#
+#ARG SomeAPIKey
+#ENV SomeAPIKey=$SomeAPIKey
+#
+#ARG SomeOtherAPIKey
+#ENV SomeOtherAPIKey=$SomeOtherAPIKey
+
+#RUN echo "Environment: ${ENVIRONMENT}  SomeAPIKey: ${SomeAPIKey}  SomeOtherAPIKey: ${SomeOtherAPIKey}"
+
 # Build Angular Application in Production
 RUN ng build --prod
 
 #### STAGE 2
 #### Deploying the application
 
-FROM nginx:alpine
+FROM nginx
 
 VOLUME  /var/cache/nginx
 

README.md

@@ -8,9 +8,9 @@ To run this demo,
    `git clone https://github.com/coding-latte/using-angular-docker-environment-variables.git`
 
 2. And then, build the docker image:
-   `docker build --rm -f "dockerfile" -t angular-docker-environment-variables:latest .`
+   `docker build --rm -f "Dockerfile" -t angular-docker-environment-variables:latest .`
 
 3. And finally run the image you just built:
-   `docker build --rm -f "dockerfile" -t angular-docker-environment-variables:latest .`
+   `docker run -d --name angular-docker -p 8085:80 -e SomeAPIKey="ble" angular-docker-environment-variables:latest`
 
 You can learn more about this [here](https://codinglatte.com/posts/angular/using-os-environment-variables-in-angular-with-docker/)

docker-compose.yml

@@ -0,0 +1,15 @@
+version: "3.8"
+
+services:
+  angular-docker:
+    image: using-angular-docker-environment-variables:latest
+    container_name: angular-docker
+    build:
+      context: .
+      dockerfile: Dockerfile
+    environment:
+      ENVIRONMENT: "blah blah"
+      SomeAPIKey: "This is not an API Key"
+      SomeOtherAPIKey: "This is not another API Key"
+    ports:
+      - "8085:80"