Dockerize client; add nginx service to dev setup

Author: Maximilian Albert

docker-compose-dev.yml

@@ -31,3 +31,29 @@ services:
     environment:
       - POSTGRES_USER=postgres
       - POSTGRES_PASSWORD=postgres
+
+  client:
+    container_name: client
+    build:
+      context: ./services/client
+      dockerfile: Dockerfile-dev
+    volumes:
+      - './services/client:/usr/src/app'
+      - '/usr/src/app/node_modules'
+    ports:
+      - '3007:3000'
+    environment:
+      - NODE_ENV=development
+      - REACT_APP_USERS_SERVICE_URL=${REACT_APP_USERS_SERVICE_URL}
+    depends_on:
+      - users
+
+  nginx:
+    container_name: nginx
+    build: ./services/nginx
+    restart: always
+    ports:
+      - 80:80
+    depends_on:
+      - users
+      - client

services/client/.dockerignore

@@ -0,0 +1,8 @@
+node_modules
+coverage
+build
+env
+htmlcov
+.dockerignore
+Dockerfile-dev
+Dockerfile-prod

services/client/Dockerfile-dev

@@ -0,0 +1,12 @@
+FROM node:9
+
+RUN mkdir /usr/src/app
+WORKDIR /usr/src/app
+
+ENV PATH /usr/src/app/node_modules/.bin:$PATH
+
+COPY package.json /usr/src/app/package.json
+RUN npm install
+RUN npm install [email protected] -g --silent
+
+CMD ["npm", "start"]

services/nginx/flask.conf

@@ -3,6 +3,18 @@ server {
     listen 80;
 
     location / {
+        proxy_pass        http://client:3000;
+        proxy_redirect    default;
+        proxy_http_version 1.1;
+        proxy_set_header  Upgrade $http_upgrade;
+        proxy_set_header  Connection "upgrade";
+        proxy_set_header  Host $host;
+        proxy_set_header  X-Real-IP $remote_addr;
+        proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header  X-Forwarded-Host $server_name;
+    }
+
+    location /users {
         proxy_pass        http://users:5000;
         proxy_redirect    default;
         proxy_set_header  Host $host;