Files
lcbp3/specs/08-infrastructure/09_app_deployment.md
admin 912f379016
Some checks failed
Spec Validation / validate-markdown (push) Has been cancelled
Spec Validation / validate-diagrams (push) Has been cancelled
Spec Validation / check-todos (push) Has been cancelled
260211:1703 First Deploy (Not Complete)
2026-02-11 17:03:38 +07:00

6.0 KiB

การ Deploy Application (Backend + Frontend) บน QNAP

📍 Version: v1.7.0 🖥️ Server: QNAP TS-473A (Container Station) 🔗 Docker Compose Path: /share/np-dms/app/docker-compose.yml


📋 Prerequisites

ก่อน deploy ต้องมี services เหล่านี้รันอยู่แล้ว:

Service Container Name Docker Compose Status
MariaDB mariadb lcbp3-db (MariaDB_setting.md)
Redis cache services (04_Service_setting.md)
Elasticsearch search services (04_Service_setting.md)
NPM npm lcbp3-npm (NPM_setting.md)
Docker Network lcbp3 docker network create lcbp3

1. Build Docker Images

Option A: Build บน Dev Machine (Windows) แล้ว Transfer

# อยู่ที่ workspace root (nap-dms.lcbp3/)

# Build Backend
docker build -f backend/Dockerfile -t lcbp3-backend:latest .

# Build Frontend (NEXT_PUBLIC_API_URL bake เข้าไปตอน build)
docker build -f frontend/Dockerfile `
  --build-arg NEXT_PUBLIC_API_URL=https://backend.np-dms.work/api `
  -t lcbp3-frontend:latest .

# Export เป็น .tar เพื่อ Transfer
docker save lcbp3-backend:latest -o lcbp3-backend.tar
docker save lcbp3-frontend:latest -o lcbp3-frontend.tar

# Transfer ไปยัง QNAP (ผ่าน SMB Shared Folder)
# Copy lcbp3-backend.tar และ lcbp3-frontend.tar ไปที่ \\192.168.10.8\np-dms\app\

Option B: Build บน QNAP โดยตรง (SSH)

# SSH เข้า QNAP
ssh admin@192.168.10.8

# Clone หรือ Pull code จาก Gitea
cd /share/np-dms/app/source
git pull origin main

# Build images
docker build -f backend/Dockerfile -t lcbp3-backend:latest .
docker build -f frontend/Dockerfile \
  --build-arg NEXT_PUBLIC_API_URL=https://backend.np-dms.work/api \
  -t lcbp3-frontend:latest .

2. Load Images บน QNAP (เฉพาะ Option A)

# SSH เข้า QNAP
ssh admin@192.168.10.8

# Load images
docker load < /share/np-dms/app/lcbp3-backend.tar
docker load < /share/np-dms/app/lcbp3-frontend.tar

# ตรวจสอบ
docker images | grep lcbp3

3. สร้าง Directories และกำหนดสิทธิ์

# สร้าง directories สำหรับ volumes
mkdir -p /share/np-dms/data/uploads/temp
mkdir -p /share/np-dms/data/uploads/permanent
mkdir -p /share/np-dms/data/logs/backend
mkdir -p /share/np-dms/app

# กำหนดสิทธิ์ให้ non-root user ใน container (UID 1001)
chown -R 1001:1001 /share/np-dms/data/uploads
chown -R 1001:1001 /share/np-dms/data/logs/backend
chmod -R 750 /share/np-dms/data/uploads

4. Deploy ผ่าน Container Station

4.1 Copy docker-compose.yml

คัดลอกไฟล์ specs/08-infrastructure/docker-compose-app.yml ไปยัง QNAP:

# วางไฟล์ที่ path
/share/np-dms/app/docker-compose.yml

4.2 สร้าง Application ใน Container Station

  1. เปิด Container Station บน QNAP Web UI
  2. ไปที่ ApplicationsCreate
  3. เลือก Create Application
  4. ตั้งชื่อ Application: lcbp3-app
  5. วาง (Paste) เนื้อหาจาก docker-compose-app.yml
  6. แก้ไข Environment Variables ตามต้องการ (โดยเฉพาะ Secrets)
  7. กด Create เพื่อ deploy

⚠️ สำคัญ: ตรวจสอบ environment variables ก่อน deploy:

  • DB_PASSWORD — Password ของ MariaDB
  • REDIS_PASSWORD — Password ของ Redis
  • JWT_SECRET — Secret key สำหรับ JWT Tokens
  • AUTH_SECRET — Secret key สำหรับ NextAuth

4.3 ตรวจสอบ Container Status

ใน Container Station → Applications → lcbp3-app:

  • backend — Status: Running (healthy)
  • frontend — Status: Running (healthy)

5. Verify Deployment

ตรวจสอบ Health

# Backend health (จากภายใน Docker network)
docker exec frontend wget -qO- http://backend:3000/health

# Frontend (ผ่าน NPM)
curl -I https://lcbp3.np-dms.work

# Backend API (ผ่าน NPM)
curl -I https://backend.np-dms.work/api

ตรวจสอบ Logs

# ดู logs ใน Container Station UI
# หรือผ่าน CLI:
docker logs -f backend
docker logs -f frontend

6. Update / Re-deploy

เมื่อต้องการ deploy version ใหม่:

# 1. Build images ใหม่ (บน Dev Machine - PowerShell)
docker build -f backend/Dockerfile -t lcbp3-backend:latest .
docker build -f frontend/Dockerfile `
  --build-arg NEXT_PUBLIC_API_URL=https://backend.np-dms.work/api `
  -t lcbp3-frontend:latest .

# 2. Export & Transfer
docker save lcbp3-backend:latest -o lcbp3-backend.tar
docker save lcbp3-frontend:latest -o lcbp3-frontend.tar
# Copy ไปที่ \\192.168.10.8\np-dms\app\ ผ่าน SMB Shared Folder

# 3. Load บน QNAP (SSH)
ssh admin@192.168.10.8
docker load < /share/np-dms/app/lcbp3-backend.tar
docker load < /share/np-dms/app/lcbp3-frontend.tar

# 4. Restart ใน Container Station
#    Applications → lcbp3-app → Restart

📦 Resource Summary

Service Image CPU Limit Memory Limit Port
backend lcbp3-backend:latest 2.0 1.5 GB 3000
frontend lcbp3-frontend:latest 2.0 2 GB 3000

📖 NPM Proxy Hosts ตั้งค่าเรียบร้อยแล้ว:

  • lcbp3.np-dms.workfrontend:3000
  • backend.np-dms.workbackend:3000