139 lines
4.2 KiB
Docker
139 lines
4.2 KiB
Docker
# Use a Node.js 18 Alpine base image for the backend builder
|
|
# 使用 Node.js 18 Alpine 基础镜像作为后端构建器
|
|
FROM node:18-alpine AS backend-builder
|
|
|
|
WORKDIR /app
|
|
|
|
# Copy package.json first to leverage Docker's caching
|
|
# 首先复制 package.json 以利用 Docker 的缓存
|
|
COPY server/package.json ./server/
|
|
# Install production dependencies
|
|
# 安装生产依赖
|
|
RUN cd server && npm install --production --no-package-lock --no-audit
|
|
|
|
# Copy only the server.js file
|
|
# 仅复制 server.js 文件
|
|
COPY server/server.js ./server/
|
|
|
|
# Frontend build stage
|
|
# 前端构建阶段
|
|
FROM node:18-alpine AS frontend-builder
|
|
|
|
WORKDIR /app
|
|
|
|
# Copy frontend dependencies and configuration files
|
|
# 复制前端依赖和配置文件
|
|
COPY package.json package-lock.json* ./
|
|
# Install dependencies
|
|
# 安装依赖
|
|
RUN npm ci --no-audit || npm install --no-audit
|
|
|
|
# Copy source code and configuration files
|
|
# 复制源代码和配置文件
|
|
COPY vite.config.js ./
|
|
COPY client/ ./client/
|
|
|
|
# Build the frontend
|
|
# 构建前端
|
|
RUN npm run build:docker
|
|
|
|
# Second stage: Minimal image
|
|
# 第二阶段：极小镜像
|
|
FROM alpine:3.16
|
|
|
|
# Install minimal Node.js and Nginx
|
|
# 安装最小化版本的 Node.js 和 Nginx
|
|
RUN apk add --no-cache nodejs nginx && \
|
|
mkdir -p /app/server /app/client /run/nginx && \
|
|
# Clean up apk cache
|
|
# 清理 apk 缓存
|
|
rm -rf /var/cache/apk/*
|
|
|
|
# Copy server files and static files
|
|
# 复制服务器文件和静态文件
|
|
COPY --from=backend-builder /app/server/node_modules /app/server/node_modules
|
|
COPY --from=backend-builder /app/server/*.js /app/server/
|
|
# Copy built frontend files from the frontend build stage
|
|
# 从前端构建阶段复制构建好的文件，而不是复制 dist 目录
|
|
COPY --from=frontend-builder /app/dist/ /app/client/
|
|
|
|
# Optimized Nginx configuration
|
|
# 优化的 Nginx 配置
|
|
RUN cat > /etc/nginx/nginx.conf <<'EOF'
|
|
worker_processes 1;
|
|
worker_rlimit_nofile 512;
|
|
events {
|
|
worker_connections 128;
|
|
multi_accept off;
|
|
}
|
|
http {
|
|
include mime.types;
|
|
default_type application/octet-stream;
|
|
|
|
# Optimization settings
|
|
# 优化设置
|
|
sendfile on;
|
|
tcp_nopush on;
|
|
tcp_nodelay on;
|
|
keepalive_timeout 15;
|
|
types_hash_max_size 1024;
|
|
client_max_body_size 1M;
|
|
client_body_buffer_size 128k;
|
|
|
|
# Disable access logs to reduce I/O
|
|
# 禁用访问日志以减少 I/O
|
|
access_log off;
|
|
error_log /dev/null;
|
|
# Disable unnecessary features
|
|
# 禁用不需要的功能
|
|
server_tokens off;
|
|
|
|
# Map to handle WebSocket upgrade detection
|
|
# 映射处理 WebSocket 升级检测
|
|
map $http_upgrade $connection_upgrade {
|
|
default upgrade;
|
|
'' close;
|
|
}
|
|
|
|
server {
|
|
listen 80;
|
|
server_name localhost;
|
|
|
|
# Main location block - handles both HTTP and WebSocket
|
|
# 主位置块 - 处理 HTTP 和 WebSocket
|
|
location / {
|
|
# Check if this is a WebSocket upgrade request
|
|
# 检查是否为 WebSocket 升级请求
|
|
if ($http_upgrade = "websocket") {
|
|
proxy_pass http://127.0.0.1:8088;
|
|
break;
|
|
}
|
|
|
|
# For WebSocket requests, proxy to Node.js backend
|
|
# 对于 WebSocket 请求，代理到 Node.js 后端
|
|
proxy_http_version 1.1;
|
|
proxy_set_header Upgrade $http_upgrade;
|
|
proxy_set_header Connection $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;
|
|
|
|
# For regular HTTP requests, serve static files
|
|
# 对于常规 HTTP 请求，提供静态文件
|
|
root /app/client;
|
|
index index.html;
|
|
try_files $uri $uri/ /index.html;
|
|
}
|
|
}
|
|
}
|
|
EOF
|
|
|
|
EXPOSE 80
|
|
|
|
# Set low memory environment variables and remove unsupported options
|
|
# 设置低内存环境变量，去除不支持的选项
|
|
|
|
# Run in the foreground and combine commands to reduce the number of processes
|
|
# 使用前台运行并合并命令减少进程数
|
|
CMD ["sh", "-c", "node --expose-gc --unhandled-rejections=strict /app/server/server.js & nginx -g 'daemon off;'"] |