🔥 Tổng Quan#
Tài liệu này mô tả quy trình build và triển khai dự án Landing-Page chạy trên Docker trong môi trường production. Dự án Landing-Page bao gồm hai dự án con:Dự Án Con Builder#
| Dịch Vụ | Công Nghệ | Runtime | Mục Đích |
|---|
| Admin | Vue.js (Vite) | Nginx (static) | Dashboard quản trị tạo landing page |
Dự Án Con System#
| Dịch Vụ | Công Nghệ | Runtime | Mục Đích |
|---|
| Admin | WordPress (PHP) | PHP-FPM + Nginx | Hệ thống landing page WordPress |
Hạ Tầng Chính#
| Thành Phần | Dịch Vụ AWS | Mục Đích |
|---|
| Container Images | AWS ECR | Registry Docker image riêng tư |
| Cơ sở dữ liệu | AWS RDS | MySQL cho Laravel và WordPress |
| Cache | ElastiCache | Redis cho session, queue, cache driver |
🏗️ Dự Án Con Builder#
Dịch Vụ Admin (Vue.js)#
Tech Stack#
Framework: Vue.js với Vite
Xây dựng: npm install → npm run build:prod
Runtime: Nginx Alpine (phục vụ file tĩnh)
ECR: tools/landing-page-builder-admin-prod
Cấu Trúc Dự Án#
Landing-Page/Builder/admin/
├─ build/
│ ├─ Dockerfile.production # Production: Vue.js build → Nginx
│ ├─ source/ # ⚡ Git submodule — Vue.js source
│ └─ conf/nginx/
├─ .env.production
└─ docker-compose.yml.production
Xây dựng & Triển Khai#
🚀 Môi Trường: Production#
Biến Môi Trường Docker Compose#
Build & Push#
Triển Khai#
Ngày cập nh ật 2026-04-06 09:55:32