ติดตั้ง QR Menu

1. เปิด sheets.new (หรือ Google Drive › ใหม่ › Google ชีต) ด้วยบัญชีที่ต้องการเก็บข้อมูลร้าน
2. ตั้งชื่อไฟล์ที่มุมซ้ายบน เช่น QR Menu — ร้านของฉัน

เคล็ดลับ: ไฟล์นี้คือ "ฐานข้อมูลเมนู" ของร้าน ห้ามลบ แชร์ให้พนักงานแก้ราคา/ของหมดในชีตได้ หรือให้ใช้หน้าจัดการด้วย PIN แทน

1. ในไฟล์ชีต กดเมนู ส่วนขยาย › Apps Script (ภาษาอังกฤษ: Extensions › Apps Script)
2. แท็บใหม่จะเปิดหน้าแก้ไขโค้ด ซึ่งมีไฟล์ Code.gs ว่าง ๆ อยู่ 1 ไฟล์
3. ตั้งชื่อโปรเจกต์ที่มุมซ้ายบน (เช่น QR Menu) — ไม่บังคับ

สำคัญ: ต้องเปิด Apps Script จากเมนูของไฟล์ชีต เท่านั้น (ไม่ใช่สร้างจาก script.google.com) เพื่อให้โค้ดผูกกับไฟล์นี้ และให้หน้าเมนูอัปเดตทันทีเมื่อแก้ในชีต

ในโฟลเดอร์ที่ดาวน์โหลด มีไฟล์ที่ต้องใช้ดังนี้

3.1 วาง Code.gs

1. เปิดไฟล์ Code.gs จากโฟลเดอร์ด้วย Notepad / VS Code แล้วกด Ctrl+A › Ctrl+C
2. กลับมาที่ Apps Script คลิกไฟล์ Code.gs กด Ctrl+A แล้ว Ctrl+V วางทับโค้ดเดิมทั้งหมด

3.2 สร้างไฟล์ Index.html และ Admin.html

1. กดปุ่ม ＋ ข้างคำว่า "ไฟล์" › เลือก HTML
2. พิมพ์ชื่อ Index (ตัว I ใหญ่ ไม่ต้องพิมพ์ .html) แล้วกด Enter
3. ลบโค้ดตัวอย่างในไฟล์ใหม่ทิ้ง แล้ววางเนื้อหาทั้งหมดจากไฟล์ Index.html
4. ทำซ้ำอีกครั้ง สร้างไฟล์ HTML ชื่อ Admin (ตัว A ใหญ่) แล้ววางเนื้อหาจาก Admin.html

3.3 วาง appsscript.json

1. กดไอคอนเฟือง การตั้งค่าโปรเจกต์ (Project Settings) ทางซ้าย
2. ติ๊ก แสดงไฟล์ Manifest "appsscript.json" ในเครื่องมือแก้ไข
3. กลับไปที่ เครื่องมือแก้ไข (ไอคอน <>) จะเห็นไฟล์ appsscript.json เปิดแล้ววางเนื้อหาจากไฟล์ในโฟลเดอร์ทับทั้งหมด
4. กด Ctrl+S หรือไอคอนแผ่นดิสก์เพื่อบันทึก

ตรวจสอบ: ด้านซ้ายต้องมี 4 ไฟล์ appsscript.json · Code.gs · Index.html · Admin.html ถ้าชื่อไฟล์ HTML ไม่ตรงตัว หน้าเว็บจะเปิดไม่ขึ้น

1. ที่แถบเครื่องมือด้านบน เลือกฟังก์ชัน setup จากรายการ แล้วกด ▶ เรียกใช้ (Run)
2. ครั้งแรก Google จะขอสิทธิ์ กด ตรวจสอบสิทธิ์ (Review permissions)

1. เลือกบัญชี Google ของคุณ (บัญชีเดียวกับเจ้าของไฟล์ชีต)
2. จะพบหน้า "Google ยังไม่ได้ยืนยันแอปนี้" — เป็นเรื่องปกติของสคริปต์ที่คุณติดตั้งเอง กด ขั้นสูง แล้วกดลิงก์ ไปที่ QR Menu (ไม่ปลอดภัย) ด้านล่าง

1. หน้าถัดไปแสดงรายการสิทธิ์ (ดู สิทธิ์ที่ขอ) ติ๊ก เลือกทั้งหมด แล้วกด ดำเนินการต่อ / อนุญาต
2. รอจนบันทึกการดำเนินการขึ้นว่า การดำเนินการเสร็จสมบูรณ์ — ระบบสร้างชีต เมนู และ หมวดหมู่ พร้อมเมนูตัวอย่าง 21 รายการ 5 หมวด และข้อมูลร้านตัวอย่างให้แล้ว

ปลอดภัยไหม? โค้ดทั้งหมดอยู่ในโปรเจกต์ของคุณ เปิดอ่านได้ทุกบรรทัด และทำงานด้วยบัญชีของคุณเอง ไม่มีการส่งข้อมูลไปเซิร์ฟเวอร์อื่น · ฟังก์ชัน setup และ resetAdminPin ทำงานได้เฉพาะเมื่อเจ้าของกดเรียกใช้จากหน้านี้ ใครเรียกผ่านเว็บแอปจะถูกปฏิเสธ

ใน บันทึกการดำเนินการ (Execution log) ด้านล่างของหน้าจอ จะมีข้อความคล้ายนี้

จด PIN 6 หลักนี้ไว้ ใช้เข้าหน้าจัดการร้านครั้งแรก แล้วเปลี่ยนเป็น PIN ที่จำง่ายได้ที่หน้า ตั้งค่าร้าน & ธีม

ไม่เห็น PIN? ถ้ารัน setup ซ้ำ ระบบจะไม่สร้าง PIN ใหม่ ให้เลือกฟังก์ชัน resetAdminPin แล้วกดเรียกใช้ PIN ใหม่จะขึ้นในบันทึกการดำเนินการ

1. กดปุ่มสีน้ำเงิน การทำให้ใช้งานได้ (Deploy) มุมขวาบน › การทำให้ใช้งานได้รายการใหม่

1. กดไอคอนเฟืองข้าง "เลือกประเภท" แล้วเลือก เว็บแอป

1. ตั้งค่า: ดำเนินการในฐานะ = ฉัน และ ผู้มีสิทธิ์เข้าถึง = ทุกคน แล้วกด การทำให้ใช้งานได้

ต้องเลือก "ทุกคน": ลูกค้าที่สแกน QR ไม่ต้องล็อกอิน Google ก็เปิดเมนูได้ ส่วนหน้าจัดการร้านล็อกด้วย PIN อยู่แล้ว

1. คัดลอก URL ของเว็บแอป (ลงท้ายด้วย /exec) แล้วกด เสร็จสิ้น

1. เปิด …/exec?admin=1 แล้วใส่ PIN จากขั้นตอนที่ 5 (ระบบจำการเข้าสู่ระบบในเครื่องนั้น 30 วัน)
2. หน้า ตั้งค่าร้าน & ธีม: ใส่ชื่อร้าน โลโก้ เวลาเปิด-ปิด เบอร์โทร LINE แผนที่ Wi-Fi เลือกสีธีม แล้วกด บันทึกการตั้งค่า
3. หน้า ตั้งค่าร้าน › ลบเมนูทั้งหมด เพื่อล้างเมนูตัวอย่าง แล้วเพิ่มเมนูจริงจากหน้า เมนูอาหาร (หรือพิมพ์ลงชีต เมนู ทีละหลายแถว)
4. หน้า QR & ป้ายตั้งโต๊ะ: เลือกขนาด A6/A5 และเลขโต๊ะ แล้วกด พิมพ์ป้าย
5. บนมือถือร้าน: เปิดลิงก์หน้าจัดการ › เมนูเบราว์เซอร์ › เพิ่มไปยังหน้าจอหลัก เพื่อกด "หมด" ได้ในแตะเดียว

1. วางโค้ด Code.gs Index.html Admin.html เวอร์ชันใหม่ทับของเดิม แล้วบันทึก (ข้อมูลในชีตไม่หาย)
2. กด การทำให้ใช้งานได้ › จัดการการทำให้ใช้งานได้ › ไอคอนดินสอ ✏️
3. ช่อง เวอร์ชัน เลือก เวอร์ชันใหม่ แล้วกด การทำให้ใช้งานได้

อย่ากด "การทำให้ใช้งานได้รายการใหม่" ซ้ำ เพราะจะได้ลิงก์ใหม่ และ QR ที่พิมพ์ไว้จะใช้ไม่ได้

ระบบไม่ขอสิทธิ์อ่าน Gmail, ไฟล์อื่นใน Drive หรือรายชื่อติดต่อ และไม่ส่งข้อมูลออกไปภายนอกบัญชีของคุณ (ยกเว้นโหลดฟอนต์จาก Google Fonts และไอคอนหน้าจัดการจาก CDN สาธารณะ) · QR สร้างในเบราว์เซอร์ ไม่ใช้บริการสร้าง QR ภายนอก