สั่ง AI สร้างระบบเสร็จแล้ว... แต่มันยังอยู่ในเครื่องเรา "Deploy" คือการเอาขึ้นเว็บจริงให้คนอื่นเปิดใช้ได้ผ่านลิงก์. หน้านี้อธิบายทีละขั้น แบบไม่ต้องเป็นโปรแกรมเมอร์
เว็บที่ AI สร้างให้ตอนแรก รันได้แค่ในเครื่องเรา— คนอื่นเปิดไม่ได้. "Deploy" (ดีพลอย) คือเอาโค้ดไปวางบน โฮสต์ (host)= เครื่องที่เปิดตลอด 24 ชม. แล้วได้ลิงก์ที่ทุกคนเข้าได้. ไม่ต้องเขียนโค้ดเก่งก็ทำได้ ถ้าเข้าใจว่าเว็บประกอบจากอะไรและแต่ละชิ้นไปอยู่ที่ไหน — หน้านี้ปูพื้นให้ครบ
ระบบ 1 ตัวไม่ใช่ก้อนเดียว แต่มี 3 ชั้นทำงานร่วมกัน: หน้าเว็บ (frontend)สิ่งที่ผู้ใช้เห็นและกด · หลังบ้าน (backend)สมองที่ประมวลผล/ตรวจสิทธิ์ · ฐานข้อมูล (database)ที่เก็บข้อมูลถาวร. รู้ว่าอะไรอยู่ชั้นไหน จะ deploy ถูกที่
แต่ละชั้นไปวางบนบริการที่ถนัดชั้นนั้น: Cloudflare Pagesรับหน้าเว็บ · Cloudflare Workersรันหลังบ้าน · Supabaseเก็บฐานข้อมูล. ทั้งหมดมีแพ็กเริ่มต้น ฟรีใช้ได้จริง พอโตค่อยจ่าย
การขึ้นเว็บสมัยนี้แทบอัตโนมัติ: push(ส่งโค้ดขึ้น Git) → โฮสต์ build(แปลงโค้ดให้พร้อมใช้) ให้เอง → liveที่ลิงก์ทันที. แก้โค้ดแล้ว push ใหม่ เว็บก็อัปเดตตาม ไม่ต้องอัปไฟล์ทีละอัน
ตอน deploy จะได้ลิงก์ยาว ๆ ฟรี (เช่น my-app.pages.dev) ใช้ได้เลย. ถ้าอยากได้ชื่อสวย ๆ ของตัวเอง ก็ ซื้อโดเมน(เช่น myshop.com) แล้ว ชี้ DNSมาที่โฮสต์ — เหมือนบอกที่อยู่ว่าชื่อนี้วิ่งไปที่ไหน
ระบบมี กุญแจลับ (key/รหัส)สำหรับต่อฐานข้อมูล/ส่ง LINE/เรียก AI. กฎเหล็ก: ห้ามฝังในโค้ดหน้าบ้าน (frontend)เพราะใครก็เปิดดูได้ · ห้าม commit ขึ้น Gitเพราะติดประวัติถาวร — ต้องเก็บเป็น secretที่ฝั่งหลังบ้านเท่านั้น
const dbKey = "sk_live_8f3a92...";DB_KEY = •••••••••••• (ซ่อนไว้)| 1แยกชิ้นส่วน — รู้ว่ามี หน้าเว็บ · หลังบ้าน · ฐานข้อมูล | เข้าใจโครงสร้าง |
| 2วางแต่ละชั้นบนโฮสต์ — Pages · Workers · Supabase (เริ่มฟรี) | เลือกที่อยู่ |
| 3push → build → liveได้ลิงก์ฟรีทันที | Deploy |
| อยากได้ชื่อสวย → ซื้อโดเมน + ชี้ DNS มาที่โฮสต์ | โดเมน |
| กุญแจ/รหัสทั้งหมด → เก็บเป็น secret ฝั่งหลังบ้าน ห้ามขึ้น git | ปลอดภัย |