[PRMDR-464] (WIP) Remove hardcoded port number from nginx.conf and do…

…cker related files

app/.env.template

@@ -3,4 +3,6 @@ REACT_APP_DOC_STORE_API_ENDPOINT=%DOC_STORE_API_ENDPOINT%
 REACT_APP_AWS_REGION=%AWS_REGION%
 REACT_APP_OIDC_PROVIDER_ID=%OIDC_PROVIDER_ID%
 REACT_APP_ENVIRONMENT=%BUILD_ENV% # 'local'
-REACT_APP_IMAGE_VERSION="%IMAGE_VERSION%"
+REACT_APP_IMAGE_VERSION="%IMAGE_VERSION%"
+CONTAINER_PORT=xx    # Port number within the container. Needed for building the docker image
+HOST_PORT=xxxx    # Port number that the localhost listen to. Only need this if we run docker-compose

app/Dockerfile

@@ -15,6 +15,6 @@ WORKDIR /usr/share/nginx/html
 RUN rm -rf ./*
 COPY --from=builder /app/build .
 WORKDIR /etc/nginx
-COPY --from=builder ./app/docker/nginx.conf .
-EXPOSE 80
+COPY --from=builder ./app/docker/nginx.conf ./nginx.conf.template
+RUN cat nginx.conf.template | envsubst > ./nginx.conf
 ENTRYPOINT ["nginx", "-g", "daemon off;"]

app/docker-compose.yml

@@ -7,6 +7,6 @@ services:
     build:
       context: .
     ports:
-      - 8080:80
+      - "${HOST_PORT}:${CONTAINER_PORT}"
     env_file:
       - .env

app/docker/nginx.conf

@@ -3,7 +3,7 @@ events {
 }
 http {
     server {
-    listen       80;
+    listen       $CONTAINER_PORT;
     add_header Strict-Transport-Security "max-age=63072000" always;
         location / {
             root   /usr/share/nginx/html;