Merge pull request #13 from GiuseppeArbore/OQ-15-CD-Init

OQ-15 CD Init

.github/workflows/main.yml

@@ -1,21 +1,29 @@
 # This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
 # For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
 
-name: OQ CI
+name: CI & CD
 
 on:
   push:
     branches: [ "main", "dev" ]
   pull_request:
     branches: [ "main", "dev" ]
+
+
+env:
+  # Use docker.io for Docker Hub if empty
+  REGISTRY: docker.io
+  # github.repository as <account>/<repo>
+  IMAGE_NAME: ${{ github.repository }}
+
 
 jobs:
   build:
     runs-on: ubuntu-latest
 
     strategy:
       matrix:
-        node-version: [20.x, 21.x, 22.x]
+        node-version: [21.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:
@@ -42,4 +50,46 @@ jobs:
     - run: npm ci
       working-directory: ./client
     - run: npm run build --if-present
-      working-directory: ./client
+      working-directory: ./client
+  push:
+    name: Push Docker image to Docker Hub
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out the repo
+        uses: actions/checkout@v3
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+      - name: Log in to Docker Hub
+        uses: docker/login-action@f054a8b539a109f9f41c372932f1ae047eff08c9
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+
+      - name: Extract metadata (tags, labels) for Docker
+        id: meta
+        uses: docker/metadata-action@98669ae865ea3cffbcbaa878cf57c20bbf1c6c38
+        with:
+          images: ${{ env.REGISTRY }}/luca2024poli/polito-se2-24-18-server
+      - name: Build and push Docker image
+        uses: docker/build-push-action@v2
+        with:
+          context: server
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+
+      - name: Extract metadata (tags, labels) for Docker
+        id: meta_client
+        uses: docker/metadata-action@98669ae865ea3cffbcbaa878cf57c20bbf1c6c38
+        with:
+          images: ${{ env.REGISTRY }}/luca2024poli/polito-se2-24-18-client
+      - name: Build and push Docker image
+        uses: docker/build-push-action@v2
+        with:
+          context: client
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+
+

client/Dockerfile

@@ -0,0 +1,11 @@
+FROM node:lts-alpine as builder
+
+WORKDIR /app
+COPY . ./
+
+RUN npm install && npm run build
+
+FROM nginx:alpine
+
+COPY ./config/nginx/nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=builder /app/dist /usr/share/nginx/html

client/config/nginx/nginx.conf

@@ -0,0 +1,8 @@
+server {
+  listen       80;
+  location / {
+    root   /usr/share/nginx/html;
+    index  index.html index.htm;
+    try_files $uri $uri/ /index.html =404;
+  }
+}

docker-compose.yml

@@ -0,0 +1,21 @@
+services:
+  client:
+    build:
+      context: ./client
+    ports:
+      - "80:80"
+    networks:
+      - office-q
+  server:
+    build:
+      context: ./server
+    ports:
+      - "3001:3001"
+    volumes:
+      - ./server/src/db:/app/src/db
+    networks:
+      - office-q
+
+networks:
+  office-q:
+    driver: bridge

server/.dockerignore

@@ -0,0 +1 @@
+node_modules

server/Dockerfile

@@ -0,0 +1,17 @@
+# Use the official Node.js image as a base
+FROM node:21
+
+# Set the working directory in the container
+WORKDIR /app
+
+# Copy package.json and package-lock.json to the container
+COPY . .
+
+RUN npm install
+
+
+# Expose port 3000 to the outside world
+EXPOSE 3001
+
+# Command to run the client application
+CMD ["npm", "start"]