started docker for components

Author: irinascurtu

src/Billing/Dockerfile

@@ -0,0 +1,15 @@
+FROM mcr.microsoft.com/dotnet/sdk:8.0 AS build
+ARG BUILD_CONFIGURATION=Release
+ARG TARGETARCH
+WORKDIR /src
+
+COPY . .
+RUN dotnet publish src/Billing -c $BUILD_CONFIGURATION -o /app/publish --arch $TARGETARCH /p:UseAppHost=false
+
+
+FROM mcr.microsoft.com/dotnet/runtime:8.0 AS base
+USER $APP_UID
+WORKDIR /app
+
+COPY --from=build /app/publish .
+ENTRYPOINT ["dotnet", "Billing.dll"]

src/ClientUI/Dockerfile

@@ -0,0 +1,15 @@
+FROM mcr.microsoft.com/dotnet/sdk:8.0 AS build
+ARG BUILD_CONFIGURATION=Release
+ARG TARGETARCH
+WORKDIR /src
+
+COPY . .
+RUN dotnet publish src/ClientUI -c $BUILD_CONFIGURATION -o /app/publish --arch $TARGETARCH /p:UseAppHost=false
+
+
+FROM mcr.microsoft.com/dotnet/runtime:8.0 AS base
+USER $APP_UID
+WORKDIR /app
+
+COPY --from=build /app/publish .
+ENTRYPOINT ["dotnet", "ClientUI.dll"]

src/Sales/Dockerfile

@@ -0,0 +1,15 @@
+FROM mcr.microsoft.com/dotnet/sdk:8.0 AS build
+ARG BUILD_CONFIGURATION=Release
+ARG TARGETARCH
+WORKDIR /src
+
+COPY . .
+RUN dotnet publish src/Sales -c $BUILD_CONFIGURATION -o /app/publish --arch $TARGETARCH /p:UseAppHost=false
+
+
+FROM mcr.microsoft.com/dotnet/runtime:8.0 AS base
+USER $APP_UID
+WORKDIR /app
+
+COPY --from=build /app/publish .
+ENTRYPOINT ["dotnet", "Sales.dll"]

src/Shipping/Dockerfile

@@ -0,0 +1,15 @@
+FROM mcr.microsoft.com/dotnet/sdk:8.0 AS build
+ARG BUILD_CONFIGURATION=Release
+ARG TARGETARCH
+WORKDIR /src
+
+COPY . .
+RUN dotnet publish src/Sales -c $BUILD_CONFIGURATION -o /app/publish --arch $TARGETARCH /p:UseAppHost=false
+
+
+FROM mcr.microsoft.com/dotnet/runtime:8.0 AS base
+USER $APP_UID
+WORKDIR /app
+
+COPY --from=build /app/publish .
+ENTRYPOINT ["dotnet", "Shipping.dll"]

src/docker-compose-base.yml

@@ -43,15 +43,52 @@ services:
         ENABLE_REVERSE_PROXY: false
         SHOW_PENDING_RETRY: false
   vue-app:
+    container_name: ui-app
     build:
-      context: ./frontend # Point to the frontend folder
-      dockerfile: Dockerfile # Use the Dockerfile in the frontend folder
-    container_name: vue-app-container
+      context: ./frontend  # Path to the folder containing Dockerfile
+      dockerfile: Dockerfile
     ports:
-      - "61335:8080" # Map port 8080 in the container to 61335 on the host
+      - "8080:80"  # Map port 80 in the container to port 8080 on the host
+    depends_on:
+      - billing
     volumes:
-      - ./frontend:/app # Mount the frontend folder into the container
-      - /app/node_modules # Prevent overwriting node_modules
-    command: "npm install && npm run dev" # Development mode command
+      - ./frontend:/app  # Optional for hot reloading
+    restart: always
+  billing:
+    build:
+      context: ./
+      dockerfile: ./src/Billing/Dockerfile
+    container_name: billing 
+    ports:
+      - "5002:5002"
+    environment:
+      - ASPNETCORE_URLS=http://+:5002  
+  shipping:
+    build:
+      context: ./
+      dockerfile: ./src/Shipping/Dockerfile
+    container_name: shipping 
+    ports:
+      - "5003:5003"
+    environment:
+      - ASPNETCORE_URLS=http://+:5003  
+  sales:
+    build:
+      context: ./
+      dockerfile: ./src/Sales/Dockerfile
+    container_name: sales 
+    ports:
+      - "5001:5001"
+    environment:
+      - ASPNETCORE_URLS=http://+:5001  
+  clientui:
+    build:
+      context: ./
+      dockerfile: ./src/ClientUI/Dockerfile
+    container_name: clientui 
+    ports:
+      - "5000:5000"
+    environment:
+      - ASPNETCORE_URLS=http://+:5000  
 volumes:
   sc-data:

src/frontend/.dockerignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+npm-debug.log

src/frontend/Dockerfile

@@ -1,22 +1,29 @@
-FROM node:lts-alpine
+# Use an official Node.js runtime as the base image
+FROM node:18 AS build-stage
 
-# install simple http server for serving static content
-RUN npm install -g http-server
-
-# make the 'app' folder the current working directory
+# Set the working directory
 WORKDIR /app
 
-# copy both 'package.json' and 'package-lock.json' (if available)
+# Copy package.json and package-lock.json
 COPY package*.json ./
 
-# install project dependencies
+# Install dependencies
 RUN npm install
 
-# copy project files and folders to the current working directory (i.e. 'app' folder)
+# Copy the rest of the application code
 COPY . .
 
-# build app for production with minification
+# Build the application
 RUN npm run build
 
-EXPOSE 8080
-CMD [ "http-server", "dist" ]
+# Use an official Nginx image to serve the content
+FROM nginx:alpine AS production-stage
+
+# Copy the build output to Nginx's HTML directory
+COPY --from=build-stage /app/dist /usr/share/nginx/html
+
+# Expose port 80
+EXPOSE 80
+
+# Start Nginx
+CMD ["nginx", "-g", "daemon off;"]