feat: Add combined Dockerfile for Swarm/Portainer deployment
- Create single Dockerfile that builds frontend and backend together - Add nginx.conf for combined container (proxies to localhost) - Update docker-compose.prod.yml for Swarm compatibility: - Use pre-built image instead of build directive - Replace restart with deploy.restart_policy - Single 'app' service instead of separate backend/frontend
This commit is contained in:
+72
@@ -0,0 +1,72 @@
|
|||||||
|
# Build frontend
|
||||||
|
FROM node:20-alpine AS frontend-builder
|
||||||
|
|
||||||
|
WORKDIR /app/frontend
|
||||||
|
|
||||||
|
# Configure npm to use legacy peer deps
|
||||||
|
RUN npm config set legacy-peer-deps true
|
||||||
|
|
||||||
|
COPY frontend/package*.json ./
|
||||||
|
RUN npm ci
|
||||||
|
|
||||||
|
COPY frontend/ ./
|
||||||
|
RUN npm run build
|
||||||
|
|
||||||
|
# Build backend and final image
|
||||||
|
FROM node:20-alpine
|
||||||
|
|
||||||
|
# Install MinIO client (detect architecture)
|
||||||
|
RUN ARCH=$(uname -m | sed 's/x86_64/amd64/g' | sed 's/aarch64/arm64/g') && \
|
||||||
|
wget https://dl.min.io/client/mc/release/linux-${ARCH}/mc && \
|
||||||
|
chmod +x mc && \
|
||||||
|
mv mc /usr/local/bin/
|
||||||
|
|
||||||
|
# Install nginx for serving frontend
|
||||||
|
RUN apk add --no-cache nginx
|
||||||
|
|
||||||
|
WORKDIR /app
|
||||||
|
|
||||||
|
# Copy backend package files
|
||||||
|
COPY backend/package*.json ./
|
||||||
|
|
||||||
|
# Install build tools for native dependencies
|
||||||
|
RUN apk add --no-cache python3 make g++
|
||||||
|
|
||||||
|
# Install production dependencies
|
||||||
|
RUN npm ci --only=production
|
||||||
|
|
||||||
|
# Rebuild bcrypt
|
||||||
|
RUN npm rebuild bcrypt --build-from-source
|
||||||
|
|
||||||
|
# Copy backend application files
|
||||||
|
COPY backend/ ./
|
||||||
|
|
||||||
|
# Copy frontend build
|
||||||
|
COPY --from=frontend-builder /app/frontend/build /app/public
|
||||||
|
|
||||||
|
# Copy nginx config for combined container
|
||||||
|
COPY nginx.conf /etc/nginx/http.d/default.conf
|
||||||
|
|
||||||
|
# Create non-root user
|
||||||
|
RUN addgroup -g 1001 -S nodejs && \
|
||||||
|
adduser -S nodejs -u 1001
|
||||||
|
|
||||||
|
# Create necessary directories with proper permissions
|
||||||
|
RUN mkdir -p logs temp /tmp/minio-webui-temp /run/nginx && \
|
||||||
|
chown -R nodejs:nodejs /app logs temp /tmp/minio-webui-temp && \
|
||||||
|
chown -R nodejs:nodejs /var/lib/nginx /var/log/nginx /run/nginx
|
||||||
|
|
||||||
|
# Create startup script
|
||||||
|
RUN echo '#!/bin/sh' > /app/start.sh && \
|
||||||
|
echo 'nginx' >> /app/start.sh && \
|
||||||
|
echo 'exec node src/app.js' >> /app/start.sh && \
|
||||||
|
chmod +x /app/start.sh
|
||||||
|
|
||||||
|
# Switch to non-root user
|
||||||
|
USER nodejs
|
||||||
|
|
||||||
|
# Expose ports (3000 for API, 80 for frontend)
|
||||||
|
EXPOSE 3000 80
|
||||||
|
|
||||||
|
# Start both nginx and node
|
||||||
|
CMD ["/app/start.sh"]
|
||||||
+8
-29
@@ -7,20 +7,15 @@ services:
|
|||||||
command: redis-server --appendonly yes
|
command: redis-server --appendonly yes
|
||||||
volumes:
|
volumes:
|
||||||
- /mnt/DockerMount/minio-webui/redis:/data
|
- /mnt/DockerMount/minio-webui/redis:/data
|
||||||
restart: unless-stopped
|
|
||||||
networks:
|
networks:
|
||||||
- minio-webui-network
|
- minio-webui-network
|
||||||
healthcheck:
|
deploy:
|
||||||
test: ["CMD", "redis-cli", "ping"]
|
restart_policy:
|
||||||
interval: 30s
|
condition: unless-stopped
|
||||||
timeout: 10s
|
|
||||||
retries: 3
|
|
||||||
|
|
||||||
# Backend API
|
# Combined app (backend + frontend)
|
||||||
backend:
|
app:
|
||||||
build:
|
image: theluap/minio-webui:latest
|
||||||
context: ./backend
|
|
||||||
dockerfile: ../docker/Dockerfile.backend
|
|
||||||
environment:
|
environment:
|
||||||
- NODE_ENV=production
|
- NODE_ENV=production
|
||||||
- PORT=3000
|
- PORT=3000
|
||||||
@@ -53,25 +48,9 @@ services:
|
|||||||
- /mnt/DockerMount/minio-webui/mc-config:/home/nodejs/.mc
|
- /mnt/DockerMount/minio-webui/mc-config:/home/nodejs/.mc
|
||||||
depends_on:
|
depends_on:
|
||||||
- redis
|
- redis
|
||||||
restart: unless-stopped
|
|
||||||
networks:
|
|
||||||
- minio-webui-network
|
|
||||||
healthcheck:
|
|
||||||
test: ["CMD", "wget", "--quiet", "--tries=1", "--spider", "http://localhost:3000/health"]
|
|
||||||
interval: 30s
|
|
||||||
timeout: 10s
|
|
||||||
retries: 3
|
|
||||||
start_period: 40s
|
|
||||||
|
|
||||||
# Frontend (nginx + React)
|
|
||||||
frontend:
|
|
||||||
build:
|
|
||||||
context: ./frontend
|
|
||||||
dockerfile: ../docker/Dockerfile.frontend
|
|
||||||
depends_on:
|
|
||||||
- backend
|
|
||||||
restart: unless-stopped
|
|
||||||
deploy:
|
deploy:
|
||||||
|
restart_policy:
|
||||||
|
condition: unless-stopped
|
||||||
labels:
|
labels:
|
||||||
- "traefik.enable=true"
|
- "traefik.enable=true"
|
||||||
- "traefik.http.routers.minio-webui.rule=Host(`minio-webui.local.nothaft.cloud`)"
|
- "traefik.http.routers.minio-webui.rule=Host(`minio-webui.local.nothaft.cloud`)"
|
||||||
|
|||||||
+66
@@ -0,0 +1,66 @@
|
|||||||
|
server {
|
||||||
|
listen 80;
|
||||||
|
server_name localhost;
|
||||||
|
root /app/public;
|
||||||
|
index 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;
|
||||||
|
add_header Referrer-Policy "no-referrer-when-downgrade" always;
|
||||||
|
|
||||||
|
# Gzip compression
|
||||||
|
gzip on;
|
||||||
|
gzip_vary on;
|
||||||
|
gzip_min_length 1024;
|
||||||
|
gzip_types text/plain text/css text/xml text/javascript application/javascript application/xml+rss application/json;
|
||||||
|
|
||||||
|
# API proxy to local backend
|
||||||
|
location /api {
|
||||||
|
proxy_pass http://127.0.0.1:3000;
|
||||||
|
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-Proto $scheme;
|
||||||
|
proxy_cache_bypass $http_upgrade;
|
||||||
|
|
||||||
|
# Timeouts for long-running operations
|
||||||
|
proxy_connect_timeout 60s;
|
||||||
|
proxy_send_timeout 60s;
|
||||||
|
proxy_read_timeout 60s;
|
||||||
|
}
|
||||||
|
|
||||||
|
# WebSocket support
|
||||||
|
location /ws {
|
||||||
|
proxy_pass http://127.0.0.1:3000;
|
||||||
|
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-Proto $scheme;
|
||||||
|
}
|
||||||
|
|
||||||
|
# Serve static files
|
||||||
|
location / {
|
||||||
|
try_files $uri $uri/ /index.html;
|
||||||
|
|
||||||
|
# Cache static assets
|
||||||
|
location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
|
||||||
|
expires 1y;
|
||||||
|
add_header Cache-Control "public, immutable";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
# Health check endpoint
|
||||||
|
location /health {
|
||||||
|
access_log off;
|
||||||
|
return 200 "healthy\n";
|
||||||
|
add_header Content-Type text/plain;
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user