คู่มือนำระบบขึ้น Hostinger และพิมพ์เขียวป้องกันข้อมูลสูญหาย 100%
ระบบ ELT CleanCheck (Clean Together) • บริษัท เอ็งเล้ง (ไทยแลนด์) จำกัด (ENG LENG THAILAND)
1 ความเข้าใจสำคัญ: การแยก "โค้ดระบบ" ออกจาก "ข้อมูลจริงหน้างาน"
เมื่อคุณนำระบบไปรันบน Hostinger ข้อมูลจะถูกแบ่งเป็น 2 ส่วนชัดเจน ซึ่งเป็นหัวใจสำคัญที่ทำให้คุณสามารถพัฒนาเพิ่มฟีเจอร์ใหม่ได้เรื่อยๆ โดยที่ข้อมูลจริงของลูกค้าและผลตรวจจะไม่ถูกลบหรือเขียนทับ:
คือไฟล์คำสั่งการทำงานและหน้าตาเว็บไซต์ เมื่อพัฒนาฟีเจอร์ใหม่เสร็จ เราจะส่งเฉพาะไฟล์พวกนี้ขึ้น Hostinger:
- server.js (ระบบหลังบ้าน)
- public/app.js (ฟังก์ชันการคำนวณและปุ่มกด)
- public/index.html (หน้าตาเมนูและแบบฟอร์ม)
- public/styles.css (การจัดแต่งสีและสไตล์)
คือสิ่งที่แม่บ้านและหัวหน้างานบันทึกเข้ามาจริง อยู่บนเซิร์ฟเวอร์ Hostinger อย่างถาวร:
- data/cleancheck_db.json (หน่วยงาน, เช็คลิสต์, ผลตรวจ)
- uploads/ (รูปถ่ายใบหน้าแม่บ้าน, รูป Before/After)
- data/backups/ (ไฟล์สำรองอัตโนมัติรายวัน)
cleancheck_db.json จากคอมพิวเตอร์ของคุณไปวางทับบนเซิร์ฟเวอร์ Hostinger เด็ดขาด (ระบบติดตั้ง .gitignore เพื่อช่วยล็อกความปลอดภัยตรงนี้ไว้ให้แล้ว)
2 เลือกบริการใดของ Hostinger ดีที่สุด?
| หัวข้อ | 🏆 แนะนำ: Hostinger KVM VPS (Ubuntu) | Hostinger Web / Cloud Hosting |
|---|---|---|
| ความเหมาะสม | เหมาะกับระบบองค์กรขนาดใหญ่ (30-40 ไซต์) | เหมาะกับเว็บสำเร็จรูปทั่วไป |
| ระบบรันตลอด 24 ชม. | รันผ่าน PM2 ทำงานอัตโนมัติ 24/7 ไม่มีวันดับ | รันผ่าน Passenger (อาจถูกระงับหากไม่ใช้งาน) |
| การเก็บไฟล์รูปภาพ & ฐานข้อมูล | NVMe SSD ถาวร ข้อมูลไม่สูญหายแน่นอน | Shared Storage อาจติดสิทธิ์ Permission |
| แพ็กเกจที่แนะนำ | KVM 1 หรือ KVM 2 (Ubuntu 24.04 64-bit) | Cloud Startup |
3 ระบบความปลอดภัย 3 ชั้น (ติดตั้งไว้ในโปรแกรมแล้ว)
Auto-Backup ในตัวโปรแกรม
ระบบทำสำเนา Snapshot ไฟล์ฐานข้อมูลให้อัตโนมัติทุกวัน และทำจุดเซฟฉุกเฉินก่อนการกู้คืน เก็บย้อนหลัง 30 วัน
ดาวน์โหลด Backup ในหน้า Admin
มีปุ่ม [ 📥 ดาวน์โหลด Backup (.json) ] ในหน้าแอดมิน ให้คุณคลิกโหลดมาเก็บไว้ในคอมพิวเตอร์ของคุณได้ทุกสัปดาห์
Hostinger Daily Backup
ระบบ Snapshot รายวันของ Hostinger สำรองข้อมูลทั้งฮาร์ดดิสก์และรูปภาพทั้งหมดทุกคืน กู้คืนได้ทันทีหากเซิร์ฟเวอร์ขัดข้อง
4 ขั้นตอนการติดตั้งบน Hostinger VPS (Step-by-Step)
1 เตรียมเซิร์ฟเวอร์ Ubuntu (ติดตั้ง Node.js 20 & PM2)
# รันคำสั่งต่อไปนี้ใน Terminal ของ VPS:
sudo apt update && sudo apt upgrade -y
curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -
sudo apt install -y nodejs git nginx certbot python3-certbot-nginx
sudo npm install -g pm2
2 สร้างโฟลเดอร์และนำโค้ดระบบขึ้นสู่เซิร์ฟเวอร์
sudo mkdir -p /var/www/cleancheck
sudo chown -R $USER:$USER /var/www/cleancheck
# อัปโหลดไฟล์โปรเจกต์ทั้งหมดเข้าสู่โฟลเดอร์นี้ จากนั้นรัน:
cd /var/www/cleancheck
npm install --production
3 สั่งรันโปรแกรมด้วย PM2 (ทำงานตลอด 24 ชม.)
pm2 start server.js --name "cleancheck"
pm2 save
pm2 startup
4 ชี้โดเมนและติดตั้ง HTTPS / SSL ฟรี (จำเป็นสำหรับกล้องมือถือ & GPS)
เบราว์เซอร์บน iPhone/Android จะยอมให้เปิดกล้องสแกน QR Code และขอพิกัด GPS เฉพาะบนเว็บที่มีกุญแจเขียว https:// เท่านั้น
# ขอ SSL ฟรีผ่าน Certbot อัตโนมัติ (ใส่ชื่อโดเมนของคุณ):
sudo certbot --nginx -d yourdomain.com
5 กฎเหล็ก: เมื่อผมพัฒนาฟีเจอร์เพิ่มในอนาคต จะอัปเดตยังไงให้ปลอดภัย?
สำรองข้อมูลก่อนเสมอ (1 คลิก)
ก่อนอัปเดต ให้เข้าหน้าเว็บจริงไปที่ จัดการระบบ (Admin) → สำรองข้อมูล (Backup) แล้วกดดาวน์โหลดไฟล์ .json เก็บไว้ในคอมของคุณ 1 ชุด
อัปเดตเฉพาะไฟล์โค้ด (ห้ามทับ data/ และ uploads/)
เมื่อผมพัฒนาฟีเจอร์ใหม่ให้คุณเสร็จ ให้อัปโหลดเฉพาะไฟล์ server.js, public/app.js, public/index.html ขึ้นไปยังเซิร์ฟเวอร์ Hostinger
รีโหลดระบบใน 2 วินาที
เข้า SSH รันคำสั่ง pm2 reload cleancheck ระบบจะเปลี่ยนเป็นเวอร์ชันใหม่ทันทีโดยไม่ต้องปิดเซิร์ฟเวอร์ และข้อมูลหน้างานยังอยู่ครบสมบูรณ์ 100%