วิธีเพิ่มฐานข้อมูลให้แอปของคุณใน ChanTan Studio
ให้แอปของคุณจำข้อมูลได้ในเวลาประมาณหนึ่งนาที เชื่อมต่อฐานข้อมูลด้วยคลิกเดียว ดูข้อมูลที่แอปบันทึกไว้ แก้ไขทีละแถว และถามคำถามด้วยภาษาคนธรรมดา
ถ้าไม่มีฐานข้อมูล แอปของคุณจะลืมทุกอย่างทันทีที่ลูกค้าปิดหน้าเว็บ พอมีฐานข้อมูล แอปถึงจะมีบัญชีผู้ใช้จริง เก็บสิ่งที่คนกรอกเข้ามาได้ และแสดงข้อมูลชุดเดียวกันบนทุกเครื่อง
สำหรับร้าน "ครัวริมคลอง" นี่คือความต่างระหว่างหน้าเมนูสวย ๆ เฉย ๆ กับเว็บที่รับออร์เดอร์ล่วงหน้าได้จริง
คุณไม่จำเป็นต้องเข้าใจเรื่องฐานข้อมูลเลย AI สร้างตารางและคอลัมน์ให้ เขียนโค้ดบันทึกและดึงข้อมูลให้ทั้งหมด และเปิดการปกป้องข้อมูลให้คุณเอง
1. เปิด "จัดการ ▾" → "ฐานข้อมูล"
ด้านบนโปรเจกต์ กด "จัดการ ▾" แล้วเลือก "ฐานข้อมูล"
ถ้าโปรเจกต์นี้ไม่เคยมีฐานข้อมูลมาก่อน คุณจะเจอหน้าให้เลือกแทนที่จะเจอข้อมูล หัวข้อว่า "ยินดีต้อนรับสู่ฐานข้อมูล" — "เพิ่มฐานข้อมูลเพื่อจัดเก็บบัญชีผู้ใช้ บันทึกข้อมูลถาวร และสร้างแอปที่มีระบบเข้าสู่ระบบ ฟอร์ม และสถานะที่คงอยู่"
2. เลือก "⚡ ฐานข้อมูล Chantan"
กด "เชื่อมต่อเลย →" ใต้ "⚡ ฐานข้อมูล Chantan" นี่คือตัวเลือกแบบคลิกเดียว และเป็นคำตอบที่ถูกต้องสำหรับเกือบทุกคน
| "⚡ ฐานข้อมูล Chantan" | "🔷 Supabase ของคุณ" | |
|---|---|---|
| คำโปรย | "คลิกเดียว ไม่ต้องตั้งค่า" | "คุณเป็นเจ้าของข้อมูล ควบคุมเต็มที่" |
| ได้อะไรบ้าง | "เริ่มต้นฟรี" · "Postgres จริง — auth, storage, functions" · "ขยายอัตโนมัติเมื่อคุณเติบโต" | "ฟรี 500 MB บน Supabase" · "เข้าถึงแดชบอร์ดโดยตรง" · "ข้อมูลไม่ออกจากบัญชีของคุณ" |
| ปุ่ม | "เชื่อมต่อเลย →" | "วางข้อมูลรับรอง →" |
เลือก "🔷 Supabase ของคุณ" ก็ต่อเมื่อคุณมีบัญชี Supabase อยู่แล้ว และตั้งใจจะให้ข้อมูลอยู่ในบัญชีนั้นจริง ๆ
3. รอประมาณหนึ่งนาที
ระบบเลือกภูมิภาคที่ใกล้คุณที่สุดให้อัตโนมัติ คุณจะเห็นข้อความ "กำลังตั้งค่าฐานข้อมูลของคุณ…" — "กำลังสร้างฐานข้อมูลแบบจัดการให้ของคุณ — โดยปกติใช้เวลาประมาณหนึ่งนาที ตัวจัดการเต็มรูปแบบจะเปิดอัตโนมัติเมื่อพร้อม"
✅ เรียบร้อย ตัวจัดการจะเปิดขึ้นมาเอง ตอนนี้คุณควรเห็นหน้าข้อมูลของแอปแทนหน้าเลือก และแอปของคุณบันทึกข้อมูลถาวรได้แล้ว
| สิ่งที่คุณเห็น | ให้ทำอะไร |
|---|---|
| "การตั้งค่าใช้เวลานานกว่าที่คาด — อาจยังเสร็จได้ กลับมาตรวจสอบในอีกสักครู่" (หลังผ่านไป 8 นาที) | รออีกสักพัก ส่วนใหญ่มันเสร็จเองอยู่ดี อย่าเพิ่งเริ่มใหม่ |
| "การตั้งค่าฐานข้อมูลไม่เสร็จสมบูรณ์" — "มีบางอย่างขัดจังหวะการสร้างฐานข้อมูลแบบจัดการให้ของคุณ โปรเจกต์ของคุณไม่เป็นไร — ลองอีกครั้งได้เลย" | กด "ลองตั้งค่าใหม่" |
จะสั่งในแชทเลยก็ได้
พิมพ์ประมาณว่า "ทำระบบล็อกอินให้หน่อย" หรือ "เก็บออร์เดอร์ลูกค้าไว้ด้วย" แล้ว AI จะแสดงตัวเลือกชุดเดียวกันนี้ให้
พอ AI รู้ว่าฟีเจอร์ที่คุณขอต้องเก็บข้อมูล มันจะหยุด ก่อนเขียนโค้ดแม้แต่บรรทัดเดียว แล้วขึ้นการ์ดในบทสนทนา
"แอปของคุณต้องใช้ฐานข้อมูล" — "จะใช้ฐานข้อมูล Chantan เป็นค่าเริ่มต้น เว้นแต่คุณจะเลือกอย่างอื่น"
ตัวเลือกของ ChanTan จะมีป้าย "ค่าเริ่มต้น" พร้อมนับถอยหลัง 7 วินาที — "เชื่อมต่ออัตโนมัติในอีก {seconds} วิ" — แปลว่า การไม่ทำอะไรเลยก็เป็นคำตอบที่ถูกต้อง อีกสองทางเลือกคือ "เชื่อมต่อ Supabase ของคุณเอง" และ "ไม่ใช้ฐานข้อมูล — สร้างด้วย state ในเครื่องเท่านั้น" เมื่อสำเร็จคุณจะเห็น "เชื่อมต่อแล้ว — กำลังสร้างต่อ…"
ดูข้อมูลของคุณ
เมื่อเชื่อมต่อแล้ว "จัดการ ▾" → "ฐานข้อมูล" จะเปิดหน้า "ฐานข้อมูล" — "ดูและจัดการข้อมูลที่จัดเก็บในแอปของคุณ"
คุณจะเห็นรายการต่าง ๆ ที่แอปบันทึกไว้ พร้อมจำนวนแถวของแต่ละรายการ คลิกเข้าไปเพื่อดูข้อมูลข้างใน
| ส่วนควบคุม | ข้อความบนจอ | ทำอะไร |
|---|---|---|
| คำแนะนำ | "เคล็ดลับ: คลิกแถวใดก็ได้เพื่อแก้ไข" | — |
| ค้นหา | "ค้นหาใน {table}…" | กรองผลลัพธ์ทันทีที่พิมพ์ |
| ส่งออก | "ส่งออก CSV" | ดาวน์โหลดแถว ที่แสดงอยู่บนหน้าจอตอนนั้น เป็นไฟล์ตาราง ฟรีและได้ทันที |
| เพิ่ม | "เพิ่มแถว" | เปิดฟอร์มสำหรับสร้างข้อมูลหนึ่งรายการ |
| แก้ไข | คลิกแถวไหนก็ได้ | แก้ค่าแล้วกด "บันทึก" |
| ลบ | "ลบแถวนี้" | ถามยืนยัน "ลบแถวนี้อย่างถาวร?" พร้อมปุ่ม "ใช่ ลบเลย" และ "ยกเลิก" |
| แบ่งหน้า | "แสดง {from}–{to}" | หน้าละ 100 รายการ |
ถ้าเจอข้อความ "ไม่สามารถอัปเดตแถวได้ ตารางนี้ไม่มี primary key" แปลว่ารายการนั้นไม่มีคอลัมน์รหัสประจำตัว จึงแก้ทีละรายการจากหน้านี้ไม่ได้ ให้บอกสิ่งที่ต้องการแก้ในแชทแทน
ถามข้อมูลด้วยภาษาคนธรรมดา
กล่อง "คิวรีข้อมูลของคุณ" ให้คุณถามได้ตรง ๆ เช่น "ขอรายชื่อลูกค้าที่สมัครใน 7 วันที่ผ่านมา" มีสามโหมดคือ "แชท", "SQL" และ "กราฟ" และวาดกราฟให้ได้เมื่อคุณเลือกแกนทั้งสองแล้ว
กล่องนี้ดูได้อย่างเดียว แก้ไขอะไรไม่ได้ ถ้าสั่งให้แก้ มันจะตอบว่า "คุณแก้ไขโครงสร้างฐานข้อมูลโดยตรงไม่ได้ ให้ใช้แชทแทน" ซึ่งเป็นคำแนะนำที่ถูกต้อง เรื่องโครงสร้างให้พิมพ์สั่งในแชท
⚠️ "SQL Editor" ใต้ "ขั้นสูง" เป็นคนละเรื่องกัน และมันมีอานุภาพสูง มันจะเตือนคุณก่อน — "Heads up: Commands here run on your live database and can change or remove data. Double-check before you run." (คำเตือนนี้ยังเป็นภาษาอังกฤษ แปลว่า คำสั่งตรงนี้รันบนฐานข้อมูลจริงของคุณ และเปลี่ยนหรือลบข้อมูลได้ ตรวจให้ดีก่อนกดรัน) — จากนั้นมัน รันทันที ไม่มีการยืนยันซ้ำ และย้อนกลับไม่ได้ เจ้าของแอปส่วนใหญ่ไม่เคยต้องใช้เลย
ถ้าอยากใช้ Supabase ของตัวเอง
การเลือก "🔷 Supabase ของคุณ" จะเปิดฟอร์มแบบมีคนจูงมือ หัวข้อว่า "ตั้งค่าใน 3 นาที — ทำตามขั้นตอนเหล่านี้"
- สร้างโปรเจกต์ Supabase ถ้ายังไม่มี
- คัดลอก URL และ คีย์ anon (สาธารณะ) ของคุณ — "⚠ ห้ามใช้
service_role— มันมีสิทธิ์แอดมินเต็มรูปแบบและไม่ควรแชร์ให้ใคร" - รันคำสั่งตั้งค่าที่ระบบให้มา โดยใช้ปุ่ม "คัดลอก Setup SQL" — "ขั้นตอนนี้สร้างตารางข้อมูล + storage bucket ที่แอปของคุณต้องใช้ ทำครั้งเดียว รันซ้ำได้อย่างปลอดภัย"
- ไม่บังคับ: มีกล่องขั้นสูงที่เปิดให้ AI สร้างส่วนเชื่อมต่อฝั่งเซิร์ฟเวอร์บน Supabase ของคุณเองได้ ถ้าไม่เปิด ฟีเจอร์ข้อมูลและไฟล์ทั้งหมดก็ยังทำงานปกติ
จากนั้นกด "ทดสอบและเชื่อมต่อ"
| ข้อความ | ให้ทำอะไร |
|---|---|
| "ต้องมี Supabase URL และ anon key" | กรอกให้ครบทั้งสองช่อง |
| "Supabase URL ต้องขึ้นต้นด้วย https://" | วางที่อยู่แบบเต็มรวม https:// ด้วย |
| "นั่นดูเหมือนคีย์ service_role กรุณาใช้คีย์ ANON (สาธารณะ) แทน…" | คัดลอกคีย์ anon (สาธารณะ) เท่านั้น ห้ามใช้คีย์แอดมิน |
| "การเชื่อมต่อล้มเหลว" | ตรวจทานทั้งสองค่าอีกรอบ |
| "Too many connection tests. Please wait an hour." (ข้อความนี้ยังเป็นภาษาอังกฤษ แปลว่าทดสอบถี่เกินไป กรุณารอหนึ่งชั่วโมง) | คุณทดสอบได้ 10 ครั้งต่อชั่วโมง |
มีข้อจำกัดหนึ่งที่ควรรู้: ระหว่างที่โปรเจกต์ใช้ Supabase ของคุณเอง ChanTan จะเพิ่ม แก้ไข หรือลบคนที่เข้าสู่ระบบแอปของคุณไม่ได้ ระบบจะบอกว่า "Open the Auth tab in your Supabase dashboard." (ยังเป็นภาษาอังกฤษ แปลว่าให้เปิดแท็บ Auth ในแดชบอร์ด Supabase ของคุณ) และการใช้งานก็ถูกนับที่นั่นเช่นกัน — "การใช้งานถูกจัดการใน Supabase ของคุณเอง"
ข้อมูลของคุณถูกปกป้องให้อัตโนมัติ
คุณไม่ต้องไปกดเปิดเอง "ข้อมูลของคุณได้รับการปกป้องโดยอัตโนมัติ" — "Chantan เปิดการปกป้องข้อมูล (Row-Level Security) ให้ทุกตารางเมื่อคุณเผยแพร่ — คุณไม่ต้องทำอะไรเลย"
หน้า "ข้อเสนอแนะ" มีของเสริมแบบไม่บังคับให้เลือกทำ (เปลี่ยนไฟล์สาธารณะให้เป็นส่วนตัว บล็อกรหัสผ่านที่เคยรั่วไหล เพิ่มการเข้าสู่ระบบแบบสองขั้นตอน) ไม่มีข้อไหนมีปุ่มแก้ให้กด ทุกข้อบอกให้ขอ ChanTan ในแชท ซึ่งเป็นเส้นทางที่ถูกต้อง
ค่าใช้จ่าย
แถมฟรีมากับทุกโปรเจกต์: พื้นที่ฐานข้อมูล 0.5 GB, ไฟล์ 1 GB และผู้ใช้ที่ใช้งานอยู่ 50,000 คนต่อเดือน บวกกับโควตาของแผน Free อีก 10,000 แถว, 1,000 ผู้ใช้ และ 500 MB
| แผน | แถว | ผู้ใช้ที่ใช้งานอยู่/เดือน | พื้นที่จัดเก็บ |
|---|---|---|---|
| Free | 10,000 | 1,000 | 500 MB |
| Pro | 500,000 | 50,000 | 5 GB |
| Business | 5,000,000 | 500,000 | 50 GB |
| Enterprise | ไม่จำกัด | ไม่จำกัด | ไม่จำกัด |
เมื่อเกินโควตาฟรี ระบบจะ แสดงอัตราให้เห็นชัด ๆ คือ 31.25 เครดิตต่อพื้นที่ฐานข้อมูล 1 GB ต่อเดือน, 5.25 เครดิตต่อพื้นที่ไฟล์ 1 GB ต่อเดือน และ 0.8125 เครดิตต่อผู้ใช้ที่ใช้งานอยู่หนึ่งคนต่อเดือน ตอนนี้ยังปิดการเก็บเงินส่วนนี้อยู่ ตัวเลขจึงแสดงให้ดูแต่ยังไม่ถูกหักจริง อย่าเพิ่งคิดว่ามันจะฟรีตลอดไป
ถ้าวันไหนเครดิตในกระเป๋าไม่พอสำหรับระดับที่เสียเงิน โปรเจกต์จะถอยกลับไปเป็น Free เงียบ ๆ — ข้อมูลของคุณไม่ถูกลบเด็ดขาด และคุณจะได้รับเตือนก่อน: "เครดิตต่ำ เติมเงินเพื่อให้ฐานข้อมูลของคุณเร็วต่อเนื่อง — ข้อมูลของคุณปลอดภัยเสมอ"
ระดับความเร็ว ("ประสิทธิภาพฐานข้อมูล")
| ระดับ | คำอธิบายบนจอ | ค่าใช้จ่าย |
|---|---|---|
| "Standard" | "ฟรี พักเครื่องเมื่อไม่ใช้งาน" | ฟรี |
| "Boosted" | "เปิดตลอดเวลาสำหรับทราฟฟิกสม่ำเสมอ" | 83 เครดิต/วัน (~2,500/เดือน) |
| "Turbo" | "เร็วขึ้นเมื่อใช้งานหนัก" | 125 เครดิต/วัน (~3,750/เดือน) |
| "Performance" | "แอปที่มีทราฟฟิกสูง" | 500 เครดิต/วัน (~15,000/เดือน) |
| "Dedicated" | "พลังสูงสุด ต้องได้รับอนุมัติจากแอดมิน" | 917 เครดิต/วัน (~27,500/เดือน) |
ทุกระดับที่เสียเงินต้องผ่านการอนุมัติจากแอดมินสั้น ๆ ก่อน ถึงแม้จะมีแค่การ์ด "Dedicated" ที่เขียนไว้ก็ตาม หลังส่งคำขอคุณจะเห็น "ส่งคำขอแล้ว แอดมินจะตรวจสอบการอัปเกรดของคุณเร็วๆ นี้ — คุณจะถูกเปลี่ยนให้อัตโนมัติเมื่อได้รับอนุมัติ" การสลับใช้เวลาประมาณหนึ่งนาที และข้อมูลของคุณปลอดภัยตลอดทั้งกระบวนการ
ข้อจำกัดที่บอกกันตรง ๆ
- "เลิกทำ" กู้คืนไฟล์และโค้ด ไม่เคยกู้คืนข้อมูล ข้อมูลที่ลบไปแล้วคือหายไปเลย นี่คือเหตุผลที่ AI จะหยุดถามยืนยันในแชทก่อนรันอะไรก็ตามที่ลบข้อมูลถาวร — อ่านคำถามนั้นให้ดีก่อนตอบ
- ไม่มีปุ่มกู้คืนข้อมูลด้วยตัวเอง ถ้าต้องการกู้ข้อมูล ให้ติดต่อฝ่ายซัพพอร์ต
- การส่งออกข้อมูลทั้งแอปไม่ใช่ฟีเจอร์ปุ่มเดียวจบ "ส่งออก CSV" ดาวน์โหลดเฉพาะที่อยู่บนหน้าจอ ถ้าต้องการมากกว่านั้น ให้บอก AI ในแชทให้สร้างระบบส่งออกไว้ในแอปของคุณเอง
- "ตั้งค่าการเข้าสู่ระบบ" เขียนด้วยภาษานักพัฒนาและพังง่ายมาก อย่าไปแตะถ้า AI ไม่ได้บอกให้แก้ตรงนั้นโดยเฉพาะ ให้ถามในแชทแทน ChanTan เปลี่ยนได้เฉพาะรายการที่กำหนดไว้เท่านั้น นอกเหนือจากนั้นจะถูกปฏิเสธด้วยข้อความ "One or more auth settings are not allowed." (ยังเป็นภาษาอังกฤษ แปลว่ามีการตั้งค่าบางอย่างที่ไม่อนุญาต)
ถ้าเห็นอะไรแปลก ๆ
| สิ่งที่คุณเห็น | แปลว่าอะไร |
|---|---|
| "ยังไม่มีข้อมูล" | แอปของคุณยังไม่ได้บันทึกอะไร ข้อมูลจะโผล่ทันทีที่มีคนสมัครหรือส่งฟอร์มเข้ามา |
| หน้า "ยินดีต้อนรับสู่ฐานข้อมูล" ขึ้นมาอีก | โปรเจกต์นี้ยังไม่ได้เชื่อมฐานข้อมูล ให้เลือกหนึ่งในสองตัวเลือก |
| "Chantan Cloud ไม่พร้อมใช้งานสำหรับโปรเจกต์นี้" โดยชี้ไปที่แท็บ Database | โปรเจกต์นั้นอยู่บนที่เก็บข้อมูลรุ่นเก่าที่เลิกใช้แล้ว ให้เปิด "จัดการ ▾" → "ฐานข้อมูล" แล้วเชื่อมฐานข้อมูลใหม่ การบันทึกข้อมูลจะกลับมาทำงานหลังจากนั้น |