Merge pull request 'docker-deploy-config' (#37) from docker-deploy-config into main

Reviewed-on: #37

.gitignore

@@ -26,3 +26,7 @@ pnpm-debug.log*
 /.eslintrc-auto-import.json
 /.eslintrc.js
 /.vite/
+
+# Deploy environment files
+deploy/.env.staging
+deploy/.env.production

deploy/.dockerignore

@@ -0,0 +1,34 @@
+# Dependencies
+node_modules
+
+# Build output (will be generated inside container)
+dist
+
+# Git
+.git
+.gitignore
+
+# IDE
+.idea
+.vscode
+
+# Logs
+*.log
+npm-debug.log*
+
+# Environment files (use deploy/.env.staging or .production instead)
+.env
+.env.local
+.env.*.local
+
+# Development
+.vite
+*.Dockerfile
+docker-compose*.yml
+deploy/Dockerfile
+deploy/build.sh
+deploy/.env*
+
+# Misc
+*.md
+LICENSE

deploy/.env.example

@@ -0,0 +1,2 @@
+VITE_API_IMPLEMENTATION=django
+VITE_DJANGO_BASE_URL=http://localhost:7000

deploy/Dockerfile

@@ -0,0 +1,26 @@
+# Stage 1: Build with Node.js
+FROM node:20-alpine AS builder
+
+ARG VITE_DJANGO_BASE_URL
+ARG VITE_API_IMPLEMENTATION
+
+ENV VITE_DJANGO_BASE_URL=$VITE_DJANGO_BASE_URL
+ENV VITE_API_IMPLEMENTATION=$VITE_API_IMPLEMENTATION
+
+WORKDIR /app
+
+COPY package.json package-lock.json ./
+RUN npm ci
+
+COPY . .
+RUN npm run build
+
+# Stage 2: Serve with Nginx
+FROM nginx:alpine
+
+COPY --from=builder /app/dist /usr/share/nginx/html
+COPY deploy/nginx.conf /etc/nginx/conf.d/default.conf
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

deploy/build.sh

@@ -0,0 +1,81 @@
+#!/bin/bash
+
+set -e
+
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+PROJECT_ROOT="$(cd "$SCRIPT_DIR/.." && pwd)"
+
+GITEA_REGISTRY="gitea.onecluster.org"
+GITEA_USER="mono"
+
+usage() {
+    echo "Usage: $0 <staging|production> [commit_sha]"
+    echo ""
+    echo "Examples:"
+    echo "  $0 staging           # Build and push staging image"
+    echo "  $0 production        # Build and push production image"
+    echo "  $0 staging abc1234   # Build with specific commit SHA"
+    exit 1
+}
+
+if [ $# -lt 1 ]; then
+    usage
+fi
+
+ENV_TYPE="$1"
+COMMIT_SHA="${2:-$(git -C "$PROJECT_ROOT" rev-parse --short HEAD 2>/dev/null || echo "unknown")}"
+
+case "$ENV_TYPE" in
+    staging)
+        ENV_FILE="$SCRIPT_DIR/.env.staging"
+        IMAGE_NAME="don_confiao_frontend_staging"
+        TAG="latest"
+        ;;
+    production)
+        ENV_FILE="$SCRIPT_DIR/.env.production"
+        IMAGE_NAME="don_confiao_frontend"
+        TAG="latest"
+        ;;
+    *)
+        echo "Error: Invalid environment type '$ENV_TYPE'"
+        usage
+        ;;
+esac
+
+if [ ! -f "$ENV_FILE" ]; then
+    echo "Error: Environment file not found: $ENV_FILE"
+    echo "Please create it based on: $SCRIPT_DIR/.env.example"
+    exit 1
+fi
+
+echo "=== Building $ENV_TYPE image ==="
+echo "Image tag: $TAG"
+echo "Commit SHA: $COMMIT_SHA"
+echo "Environment file: $ENV_FILE"
+
+set -a
+source "$ENV_FILE"
+set +a
+
+BUILD_ARGS="--build-arg VITE_DJANGO_BASE_URL=$VITE_DJANGO_BASE_URL"
+BUILD_ARGS="$BUILD_ARGS --build-arg VITE_API_IMPLEMENTATION=$VITE_API_IMPLEMENTATION"
+
+FULL_IMAGE_NAME="$GITEA_REGISTRY/$GITEA_USER/$IMAGE_NAME"
+
+echo "Building image..."
+docker build \
+    $BUILD_ARGS \
+    -t "$FULL_IMAGE_NAME:$TAG" \
+    -t "$FULL_IMAGE_NAME:$COMMIT_SHA" \
+    -f "$SCRIPT_DIR/Dockerfile" \
+    "$PROJECT_ROOT"
+
+echo ""
+echo "=== Pushing image to registry ==="
+docker push "$FULL_IMAGE_NAME:$TAG"
+docker push "$FULL_IMAGE_NAME:$COMMIT_SHA"
+
+echo ""
+echo "=== Done ==="
+echo "Image: $FULL_IMAGE_NAME:$TAG"
+echo "Commit: $FULL_IMAGE_NAME:$COMMIT_SHA"

deploy/nginx.conf

@@ -0,0 +1,29 @@
+server {
+    listen 80;
+    server_name _;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # Gzip compression
+    gzip on;
+    gzip_vary on;
+    gzip_min_length 1024;
+    gzip_proxied expired no-cache no-store private auth;
+    gzip_types text/plain text/css text/xml text/javascript application/x-javascript application/xml application/javascript application/json;
+
+    # Cache static assets
+    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
+        expires 1y;
+        add_header Cache-Control "public, immutable";
+    }
+
+    # Vue Router: redirect all non-file requests to index.html
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Security headers
+    add_header X-Frame-Options "SAMEORIGIN" always;
+    add_header X-Content-Type-Options "nosniff" always;
+    add_header X-XSS-Protection "1; mode=block" always;
+}