van-seat-booking

เว็บจองที่นั่งรถตู้ 10 ที่นั่ง แตะที่นั่งในผัง ใส่ชื่อ แล้วกด OK ทุกคนที่เปิดลิงก์เห็นรายชื่อชุดเดียวกัน ไม่ต้องล็อกอิน ใช้เปิดผ่านไลน์ได้

• index.html หน้าแรก / (แนะนำ เลือกทางผู้จัด/ผู้จอง ช่องใส่รหัสทริป)
• book.html หน้าจองที่นั่ง (ไฟล์เดียว ไม่ต้อง build)
• trips.html หน้าสร้าง/แก้ไขทริป (ชื่อทริป เพจ วันที่ เวลารถออก นัดพบ จำนวนรถ)
• api/seats.js จองและยกเลิกที่นั่ง, api/trip.js สร้าง/แก้ทริป, api/_lib.js ตัวช่วยร่วม (เก็บข้อมูลลง Upstash Redis)

หลายทริป หลายคัน

• เปิด /trips/new กรอกรายละเอียด เลือกจำนวนรถ แล้วกดสร้าง จะได้ 2 ลิงก์
  • ลิงก์ผู้จอง /รหัสทริป (8 ตัว) ส่งเข้ากลุ่ม
  • หน้า /trips = "ทริปของฉัน" แสดงรายการทริปที่สร้างจากเบราว์เซอร์นี้ (เก็บใน localStorage) พร้อมปุ่มสร้างทริปใหม่ (/a?new=1)
  • ลิงก์แก้ไข /trips#รหัสทริป-รหัสลับ (รหัสลับ 16 ตัว) เก็บไว้เองคนเดียว (ไม่มีล็อกอิน ใครมีลิงก์นี้แก้ทริปได้) ส่วนหลัง # เบราว์เซอร์ไม่ส่งไปเซิร์ฟเวอร์ จึงไม่ติด log และบอตสแกนลิงก์ไม่เห็น
  • เซิร์ฟเวอร์เก็บแค่ค่าแฮช SHA-256 ของรหัสลับ, ใส่รหัสผิดเกิน 10 ครั้ง/ชม./IP จะถูกบล็อก, หน้าแอดมินใส่ noindex
  • ตอนนี้ปิดเพดานจำนวนทริปต่อเดือนไว้ชั่วคราว (QUOTA_ENABLED = false ใน api/trip.js) เปิดกลับได้โดยตั้งเป็น true: 5 ทริป/เดือน/เบราว์เซอร์ และเพดาน 15 ทริป/เดือน/IP
• ข้อมูลเก่าไม่หาย (เป็นทริป default คัน A) แต่ / ที่ไม่มี ?t= ตอนนี้เป็นหน้าแรก ลิงก์เดิมเปิดได้ที่ /?t=default

วิธีติดตั้ง

1. เข้า vercel.com → Add New → Project → import repo นี้ ตั้ง Framework Preset เป็น Other ปล่อย Build Command ว่างไว้
2. ในโปรเจกต์ ไปที่ Storage → เพิ่ม Upstash for Redis แล้วเชื่อมเข้ากับโปรเจกต์ ระบบจะใส่ตัวแปร KV_REST_API_URL และ KV_REST_API_TOKEN ให้เอง (ถ้ากำหนด prefix ไว้ เช่น VAN_SEAT_BOOKING_ ก็อ่านได้)
3. กด Redeploy เพื่อให้ตัวแปรมีผล

วิธีใช้

• แตะที่นั่งว่าง → ใส่ชื่อเล่น (ไทย/อังกฤษ ไม่เกิน 16 ตัว ไม่มีช่องว่าง ตัวเลข หรือสัญลักษณ์ และต้องมีตัวอักษรอย่างน้อย 1 ตัว) → "จองที่นั่ง"
• แตะที่นั่งที่มีชื่อแล้ว → "ยกเลิกการจอง" → "ยืนยันยกเลิก" (ใครก็ยกเลิกได้ มีขั้นยืนยันกันเผลอกด)
• ที่นั่งที่จองจากเครื่องนี้จะเป็นสีเขียวน้ำเงิน (เครื่องจำไว้แค่เพื่อแต่งสี ไม่ได้ใช้เป็นสิทธิ์)
• ผังอัปเดตเองทุก 8 วินาทีขณะเปิดหน้า
• ทุกหน้าเปิดได้เฉพาะในแอป LINE บนมือถือ ถ้าเปิดจากที่อื่นจะเจอหน้า "กรุณาเปิดลิงก์ด้วยแอป LINE" → กด "ส่งเข้า LINE" (หรือ "คัดลอกลิงก์") แล้วแตะลิงก์ในแชต

ข้อมูลที่เก็บ

ทริป: trip:<รหัส> (JSON). ชื่อผู้จองและเวลาจอง: hash seats:<ทริป>:<คัน> (ทริปเดิมคัน A ยังใช้ van:seats)

เดิมเก็บใน Redis hash van:seats สองคนกดที่นั่งเดียวกันพร้อมกัน ระบบรับคนแรกคนเดียว (HSETNX)

รันในเครื่อง (ไม่ต้อง deploy)

node dev.js

เปิด http://localhost:8765 ใช้กติกา rewrite เดียวกับ vercel.json (/, /trips, /<รหัสทริป>) และรัน api/*.js จริงกับฐานข้อมูลจำลองในหน่วยความจำ (ข้อมูลหายเมื่อปิดเซิร์ฟเวอร์) ไม่ต้องมีบัญชี Upstash ต้องมี Node 18 ขึ้นไป อย่าใช้ python3 -m http.server เพราะไม่รู้จัก /a จะขึ้น 404

หน้า Owner (ผู้พัฒนา)

• /owner ดูทุกทริปและลบทริปได้ ต้องตั้ง environment variable OWNER_KEY (อย่างน้อย 16 ตัวอักษร) ใน Vercel แล้ว redeploy ถ้าไม่ตั้ง หน้านี้ใช้ไม่ได้ (API ตอบ 404)
• เปิดครั้งแรกด้วย /owner#คีย์ (คีย์ไม่ถูกส่งไปกับ URL ฝั่งเซิร์ฟเวอร์ และถูกลบออกจากแถบ URL ทันที) หรือพิมพ์ในช่องที่หน้าเว็บ
• ทดสอบในเครื่อง: OWNER_KEY=คีย์ยาว16ตัวขึ้นไป node dev.js

ลบข้อมูลอัตโนมัติหลังทริปจบ

• ข้อมูลของทริป (ทริป การจอง ประวัติ) หมดอายุเอง 60 วันหลังวันสิ้นสุดทริป (ใช้ endDate ถ้าไม่มีใช้ startDate; ตัดที่สิ้นวันเวลาไทย) ตั้งค่าที่ RETENTION_DAYS ใน api/_lib.js
• ทริปที่ไม่มีวันที่ และทริป default จะไม่หมดอายุ
• ทริปที่สร้างก่อนฟีเจอร์นี้: ใน /owner กดปุ่ม "ตั้งวันลบอัตโนมัติให้ทุกทริป" ครั้งเดียว (ทริปที่เลยกำหนดไปแล้วจะได้เวลาอีก 7 วันก่อนถูกลบ)