บทความ · ฐานข้อมูล

ต่อฐานข้อมูลจริงให้ระบบที่ AI สร้าง

ระบบที่สั่ง AI สร้างให้ใช้งานคนเดียวลื่นไหลดี แต่พอเปิดจากเครื่องอื่นกลับไม่เห็นข้อมูลเดียวกัน — อาการนี้แก้ได้ด้วยการต่อฐานข้อมูลกลางอย่าง Supabase หน้านี้อธิบาย Supabase คืออะไร ทำไมต้องต่อ ขั้นตอน 4 ก้อนต่อเองได้แม้ไม่รู้ SQL มาก่อน และกติกาความปลอดภัยขั้นต่ำที่ต้องรู้ก่อนใช้งานจริง

● อัปเดตล่าสุด กรกฎาคม 2569 — จากประสบการณ์สอนจริง

อ่าน 20 วินาที — บทความนี้ตอบอะไร

Supabase คืออะไร? ฐานข้อมูลกลางบนคลาวด์ มีแผนฟรีให้เริ่ม จำเป็นเมื่อข้อมูลต้องเห็นตรงกันหลายเครื่อง/หลายคน · ต่อยากไหม ต้องรู้ SQL ก่อนไหม? ไม่ต้อง — ให้ Claude Code เขียน SQL และแก้โค้ดเว็บให้เชื่อมกับ Supabase ได้เลย · ปลอดภัยไหม? ปลอดภัยถ้าตั้งกติกาสิทธิ์ให้ถูกตั้งแต่แรก บทความนี้มีเช็กลิสต์ขั้นต่ำให้ท้ายบท

อาการข้อมูลไม่ลิงก์กันSupabase คืออะไร4 ขั้นตอนต่อฐานข้อมูลกติกาความปลอดภัยคำถามที่พบบ่อย

อาการ "ข้อมูลไม่ลิงก์กัน" เกิดได้ยังไง the localStorage trap

ระบบแรกที่สั่ง Claude Code สร้างให้ ส่วนใหญ่เก็บข้อมูลไว้แบบง่ายสุดคือ localStorage — เปรียบง่าย ๆ คือสมุดจดส่วนตัวของเบราว์เซอร์เครื่องนั้น เขียนแล้วอ่านได้เร็ว แต่สมุดเล่มนี้อยู่กับเครื่อง/เบราว์เซอร์นั้นเท่านั้น เปิดจากมือถือพนักงานหน้าร้านกับคอมหลังบ้านของเจ้าของ คือคนละสมุดกันเลย

เคสจริงจากห้องเรียนผู้เรียนคนหนึ่งทำระบบรับนัดคลินิกเสร็จภายในบ่ายวันเดียว ทดสอบจากมือถือตัวเอง ลูกค้าสั่งจากมือถือใช้ได้ลื่นมาก — พอเปิดจากคอมพิวเตอร์หลังร้านกลับไม่เห็นนัดที่เพิ่งบันทึกไปเลยสักรายการ เพราะข้อมูลถูกเก็บไว้ใน "ลิ้นชักส่วนตัว" ของมือถือเครื่องนั้นเครื่องเดียว
เก็บในเครื่อง vs เก็บฐานข้อมูลกลาง
เก็บในเครื่อง (localStorage)
  • ข้อมูลอยู่เฉพาะเบราว์เซอร์เครื่องนั้นเครื่องเดียว
  • เปิดจากมือถือกับคอมคนละเครื่อง เห็นข้อมูลไม่ตรงกัน
  • ลบแคช เปลี่ยนเครื่อง ข้อมูลหายได้ทันที
ฐานข้อมูลกลาง (Supabase)
  • ทุกเครื่องเชื่อมข้อมูลชุดเดียวกันจากคลาวด์
  • พนักงานหน้าร้านกับเจ้าของหลังบ้านเห็นตรงกันแบบเรียลไทม์
  • ข้อมูลไม่หายเมื่อเปลี่ยนเครื่องหรือเปลี่ยนพนักงาน

Supabase คืออะไร ทำไมเลือกตัวนี้ what is supabase

Supabase คือฐานข้อมูลกลางบนคลาวด์ ใช้ระบบข้างในชื่อ PostgreSQL (มาตรฐานที่ธุรกิจทั่วโลกใช้กันมานาน) ไม่ต้องติดตั้งเซิร์ฟเวอร์เอง มีแผนฟรีให้เริ่มต้น — จำเป็นตอนที่อยากให้ข้อมูลเห็นตรงกันหลายเครื่อง หลายคน เช่น พนักงานหลายคนกรอกออเดอร์พร้อมกัน หรือลูกค้าสั่งของผ่านหน้าเว็บแล้วหลังบ้านต้องเห็นทันที ถ้ายังไม่คุ้นกับการทำงานของ Claude Code อ่าน Claude Code คืออะไร ก่อนได้

จำเป็นเมื่อไหร่ระบบใช้คนเดียวทดลองเล่น หรือร้านเล็ก ๆ ที่ยังไม่มีพนักงานคนที่สอง เก็บแบบ localStorage ก็พอ — แต่พอเริ่มมีคนที่สองเข้ามาใช้ระบบเดียวกัน เช่น โรงงานที่ให้ฝ่ายผลิตกับฝ่ายขายเห็นสต๊อกตัวเลขเดียวกัน ต้องขยับมาใช้ฐานข้อมูลกลางแล้ว
ทำไมเลือก Supabase
🆓
ฟรีเริ่มต้นได้ — ไม่ต้องจ่ายจนกว่าธุรกิจจะโตจริง
🤖
สั่ง Claude Code เชื่อมให้ได้ — ไม่ต้องเขียน SQL เองสักบรรทัด
🌍
PostgreSQL มาตรฐานสากล — ไม่ผูกติดเจ้าเดียว ย้ายออกทีหลังได้
🔒
มีระบบสิทธิ์ (RLS) — ตั้งกติกาว่าใครเห็น-แก้ข้อมูลไหนได้บ้าง
⚠️
ไม่ใช่ฟรีตลอดไปแบบไม่มีเงื่อนไข — ข้อมูล/คนใช้เยอะขึ้น ต้องอัปเกรดแผนเสียเงิน

ต่อฐานข้อมูลใน 4 ก้อน — ไม่ต้องเขียน SQL เอง 4-step setup

ขั้นตอนต่อ Supabase ทำได้โดยให้ Claude Code เป็นคนลงมือแทบทั้งหมด เจ้าของกิจการมีหน้าที่บอกโจทย์เป็นภาษาคนและตรวจผลลัพธ์ ไม่ต้องรู้คำสั่งฐานข้อมูลมาก่อนแม้แต่นิดเดียว — เหมือนร้านกาแฟที่อยากให้ระบบสั่งเครื่องดื่มจากมือถือหน้าร้านไปโผล่ที่จอครัวได้ทันที

หลักคิด
อย่าเพิ่งต่อฐานข้อมูลตั้งแต่วันแรก — ทำให้ระบบเดินได้ก่อนด้วยเก็บในเครื่อง ค่อยขยับมาต่อ Supabase ตอนที่ต้องใช้จริงหลายคนแล้ว
แผนต่อฐานข้อมูล
1
สมัคร Supabase (ฟรี)
สร้างโปรเจกต์ใหม่ ได้ URL + กุญแจ "anon" มาเก็บไว้ใช้ต่อ
2
ให้ AI เขียนโครงตาราง (SQL)
บอกโจทย์เป็นภาษาคน เช่น "ช่วยออกแบบตารางเก็บออเดอร์ร้านกาแฟ มีชื่อลูกค้า เมนู จำนวน สถานะ" — Claude Code เขียน SQL ให้ก๊อปไปรันในหน้า Supabase ได้เลย
3
ให้ AI แก้โค้ดเว็บให้เรียกฐานข้อมูล
สั่ง Claude Code เปลี่ยนจากเก็บ localStorage มาบันทึก/อ่านผ่าน Supabase แทน (ต่อยอดจาก สูตร 3 ไฟล์)
4
เทสข้ามเครื่อง
เปิดจากมือถือ 1 เครื่อง คอม 1 เครื่อง ยิงข้อมูลแล้วเช็คว่าเห็นตรงกันจริง ก่อนเอาขึ้นใช้งานออนไลน์จริง

กติกาความปลอดภัยขั้นต่ำ ก่อนใช้จริงจัง security basics

Supabase ออกแบบให้มี "กุญแจ anon" ที่วางไว้ในโค้ดหน้าเว็บได้อย่างปลอดภัย — ต่างจากรหัสผ่านฐานข้อมูลจริงที่ห้ามอยู่ในโค้ดที่คนอื่นเห็นได้เด็ดขาด พอเริ่มมีข้อมูลลูกค้าจริงหรือเกี่ยวกับเงิน ต้องตั้งกติกาสิทธิ์ (RLS) ว่าใครเห็น-แก้ข้อมูลไหนได้บ้าง

ข้อควรจำระบบเงินจริง เช่น รับชำระเงินหรือดูสลิปลูกค้า ต้องมีระบบล็อกอินยืนยันตัวตนก่อนเสมอ อ่านเช็กลิสต์เต็มได้ที่ ใช้ Claude Code ให้ปลอดภัย
กติกา → ทางออก
#1เอารหัสผ่านฐานข้อมูล (DB password) ไปใส่ในโค้ดหน้าเว็บ
ทางออก
ใช้กุญแจ anonเท่านั้นฝั่งหน้าเว็บ ส่วนรหัสผ่านจริงเก็บเป็นความลับ ห้ามใส่ในโค้ดที่คนอื่นเห็นได้
#2เปิดตารางให้ทุกคนอ่าน-เขียนได้หมด ไม่ตั้งสิทธิ์
ทางออก
ตั้งกติกาสิทธิ์ (RLS) ก่อนใช้งานจริง ให้ Claude Code ช่วยเขียนกติกาตามบทบาทผู้ใช้ให้
#3ทำระบบเก็บเงินจริง/ข้อมูลอ่อนไหว แต่ไม่มีการล็อกอิน
ทางออก
ต้องมีระบบล็อกอินก่อนเข้าถึงข้อมูลเสมอ ถ้าไม่แน่ใจให้ปรึกษาผู้เชี่ยวชาญก่อนเปิดใช้จริง
คำถามที่พบบ่อย (FAQ) FAQ

Qไม่รู้ SQL เลย ต่อ Supabase เองได้ไหม

ได้ — ไม่ต้องรู้ SQL มาก่อนเลย ให้ Claude Code เขียน SQL ให้ แค่บอกโจทย์เป็นภาษาคน เช่น ต้องการเก็บอะไรบ้าง (ชื่อลูกค้า เมนู จำนวน สถานะ) แล้วให้ AI แก้โค้ดเว็บให้เรียกฐานข้อมูลต่อให้เสร็จ

QSupabase ฟรีถึงเมื่อไหร่ ธุรกิจเล็กพอไหม

Supabase มีแผนฟรีให้เริ่มต้นและใช้ได้เรื่อย ๆ ในโควตาที่กำหนด เหมาะกับธุรกิจเล็กหรือระบบที่เพิ่งเริ่มใช้จริง — พอข้อมูลหรือจำนวนผู้ใช้มากขึ้นค่อยพิจารณาอัปเกรดเป็นแผนเสียเงิน (ราคาให้เช็กจากหน้าเว็บ Supabase ตรง ๆ เพราะปรับเปลี่ยนได้)

Qข้อมูลเก็บอยู่ที่ไหน ปลอดภัยไหม

Supabase เก็บข้อมูลด้วย PostgreSQL บนคลาวด์ มีระบบสิทธิ์ (RLS) ให้ตั้งกติกาการเข้าถึงได้ — กุญแจ anon ออกแบบให้อยู่หน้าเว็บได้ แต่รหัสผ่านฐานข้อมูลจริงห้ามอยู่ในโค้ดเด็ดขาด และต้องตั้งกติกาสิทธิ์ให้รัดกุมก่อนใช้งานจริงจัง

Qย้ายออกจาก Supabase ทีหลังได้ไหม

ได้ — เพราะข้างในเป็น PostgreSQL มาตรฐานสากล ที่ธุรกิจทั่วโลกใช้ ไม่ได้ผูกติดกับเจ้าเดียว ถ้าธุรกิจโตจนต้องย้ายไปใช้ระบบอื่น ข้อมูลสามารถส่งออกและย้ายต่อได้

ก่อนใช้งานจริง

อย่าปล่อยให้ระบบใช้ได้แค่คนเดียว

ถ้าระบบของคุณเริ่มมีคนที่สองเข้ามาใช้ — พนักงาน ลูกค้า หรือทีมงาน — อย่าปล่อยให้ข้อมูลติดอยู่ในเครื่องใครเครื่องมัน สั่ง Claude Code ต่อ Supabase ให้ตามขั้นตอนในบทความนี้ แล้วอย่าลืมเช็กกติกาความปลอดภัยก่อนเปิดใช้จริง

เปิดเช็กลิสต์ความปลอดภัย
กลับห้องสมุด
พี่ปุ้ย ปริวรรตน์ อรุโณทยานันท์ ผู้คิดและเขียนเว็บ Skills Lab
คิด เขียน และเป็นเจ้าของไอเดียเว็บนี้โดย พี่ปุ้ย ปริวรรตน์ อรุโณทยานันท์
ผู้เชี่ยวชาญวางระบบองค์กร & AI — สอนเจ้าของกิจการสร้างระบบของตัวเองมากกว่า 400 คน
ประวัติพี่ปุ้ย ·  ดูคอร์ส →