在服务器上使用 Docker 部署 Node.js 后端服务和前端项目

一、准备工作

二、部署 Node.js 后端服务

1. 编写 Dockerfile

# backend/Dockerfile
FROM node:18-alpine

WORKDIR /app
COPY package*.json ./
RUN npm install

COPY . .
EXPOSE 3000 # 根据实际端口修改

CMD ["npm", "start"] # 或 "node server.js"

2. 构建镜像

cd backend
docker build -t node-backend .

3. 验证运行

docker run -d -p 3000:3000 –name my-node-app node-backend

三、部署前端项目（以 React 为例）

1. 编写 Dockerfile

# frontend/Dockerfile
FROM node:18-alpine as builder

WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build # 生成静态文件到 /app/dist

# 使用 Nginx 托管
FROM nginx:alpine
COPY –from=builder /app/dist /usr/share/nginx/html
EXPOSE 80

2. 构建镜像

cd frontend
docker build -t react-frontend .

3. 验证运行

docker run -d -p 80:80 –name my-react-app react-frontend

四、使用 Docker Compose 编排

1. 编写 docker-compose.yml

version: '3.8'
services:
backend:
build: ./backend
ports:
– "3000:3000"
environment:
– NODE_ENV=production
restart: unless–stopped

frontend:
build: ./frontend
ports:
– "80:80"
depends_on:
– backend
restart: unless–stopped

2. 启动所有服务

docker-compose up -d # 后台运行

3. 常用命令

docker-compose logs # 查看日志
docker-compose down # 停止服务
docker-compose restart # 重启服务

五、进阶配置

1. 使用 .env 管理环境变量

• 在 docker-compose.yml 中引用：environment:
  – DB_HOST=${DB_HOST}
• 创建 .env 文件：DB_HOST=mysql

2. 数据库服务（如 MySQL）

services:
mysql:
image: mysql:8.0
environment:
MYSQL_ROOT_PASSWORD: rootpass
volumes:
– mysql_data:/var/lib/mysql
volumes:
mysql_data:

3. Nginx 反向代理（可选）

server {
listen 80;
server_name your-domain.com;

location /api {
proxy_pass http://backend:3000;
}

location / {
proxy_pass http://frontend;
}
}

六、访问服务

• 前端：http://服务器IP
• 后端 API：http://服务器IP:3000/api

常见问题

通过以上步骤，你可以快速在服务器上部署全栈项目。实际应用中，可根据需求扩展数据库、负载均衡等配置。