ตัวอย่าง (Pro): สแกน QR นับสต็อก แล้วถ่ายรูปหน้างานเก็บเข้า Drive
ระบบที่ต้องใช้กล้องมือถือ ทำไม Google ปิดกล้องในเว็บแอป Apps Script และ Pro แก้ด้วยการวางหน้าเว็บบน GitHub Pages ของคุณยังไง
อัปเดต 7 ตุลาคม 2569
ทำไมตัวอย่างนี้ต้องใช้ Pro
เว็บแอปของ Apps Script รันอยู่ในกรอบ (iframe) ของ Google ซึ่ง ปิดสิทธิ์กล้องไว้ทุกทาง ทั้งกล้องสดและปุ่มถ่ายรูปของมือถือ โค้ดเปิดกล้องเขียนได้ แต่กดแล้วเงียบ นี่คือข้อจำกัดของ Google ไม่ใช่ของ AI
ทางเดียวที่ใช้ได้จริงคือ หน้าเว็บต้องอยู่นอก Google แล้วส่งข้อมูลกลับเข้า Apps Script ที่เป็นหลังบ้าน Pro ทำสองอย่างให้:
- ชุดคำสั่งสำหรับสร้างหน้าเว็บที่ใช้กล้อง และตัวเชื่อมระหว่างหน้าเว็บกับ Apps Script
- ปุ่มเผยแพร่หน้าเว็บขึ้น GitHub Pages ของบัญชี GitHub คุณเอง ฟรี ไม่มีค่าโฮสต์
โปรเจกต์ที่ไม่ใช้กล้องยังเผยแพร่เข้า Google เหมือนเดิม Pro เกี่ยวเฉพาะโปรเจกต์ที่ต้องใช้กล้อง
เตรียมก่อน
- ปลดล็อก Pro ที่ ตั้งค่า → Pro
- เชื่อมบัญชี GitHub ที่หน้าเดียวกัน (ยังไม่มีบัญชีก็สมัครฟรีที่ github.com สองนาทีเสร็จ)
ถ้ายังไม่ได้ทำสองข้อนี้แล้วไปสั่งเรื่องกล้อง โปรแกรมจะบอกให้ทำก่อน ไม่สร้างปุ่มที่ใช้ไม่ได้มาให้
คำสั่งที่ใช้
สร้างแอปนับสต็อกใช้บนมือถือ หน้าแรกมีปุ่ม "สแกน" เปิดกล้องสแกน QR บนกล่องสินค้า ได้รหัสแล้วโชว์ชื่อสินค้าจากชีต "สินค้า" ให้กรอกจำนวนที่นับได้ กดบันทึกลงชีต "การนับ" พร้อมเวลาและชื่อผู้นับ มีปุ่ม "ถ่ายรูป" ถ่ายสภาพชั้นวางแล้วเก็บรูปเข้าโฟลเดอร์ Google Drive ชื่อ "รูปนับสต็อก" บันทึกลิงก์รูปไว้แถวเดียวกัน ถ้า QR อ่านไม่ได้ ให้พิมพ์รหัสเองได้
ตอนเผยแพร่เกิดอะไรขึ้น
ปุ่มเผยแพร่จะถามว่าเผยแพร่แบบไหน เลือก GitHub Pages:
- ส่วน Apps Script (อ่านชีต เขียนชีต เก็บรูปลง Drive) ถูกเผยแพร่เข้า Google ของคุณเหมือนเดิม
- หน้าเว็บถูกส่งขึ้น repo ใหม่ในบัญชี GitHub ของคุณ แล้วเปิด GitHub Pages ให้ ได้ลิงก์
https://<ชื่อคุณ>.github.io/<ชื่อแอป>/ - เปิดลิงก์ Google (
/exec) ครั้งแรกด้วยบัญชีคุณเพื่อกดอนุญาต Sheets และ Drive หน้านั้นจะบอกแค่ว่าเป็นหลังบ้าน พร้อมลิงก์ไปหน้าเว็บจริง
ส่งลิงก์ GitHub Pages ให้ทีม ลิงก์นี้เปิดกล้องได้ใน Chrome และ Safari
ที่ทดสอบจริงแล้ว
ผมทดสอบตัวอย่างนี้บนมือถือจริง: สแกน QR แล้วแถวใหม่ขึ้นในชีตภายในไม่กี่วินาที รูปถ่ายไปอยู่ใน Drive และคอลัมน์ลิงก์รูปถูกกรอกให้
ที่สังเกตได้จากการทดสอบ:
- เปิดลิงก์จาก ในแอป LINE บน Android กล้องสดจะไม่ทำงาน (LINE ไม่อนุญาต) หน้าเว็บที่สร้างมีปุ่ม "เปิดใน Chrome" ให้เด้งออกไปเอง
- รูปจากมือถือถูกย่อก่อนส่ง ประมาณ 1-3 วินาทีต่อรูป
- สิทธิ์ที่ต้องกดอนุญาตคือ Sheets กับ Drive ของบัญชีคุณ ไม่ใช่ของพนักงานที่ใช้งาน
เอาไปใช้กับอะไรได้อีก
รับ-ส่งพัสดุ, เช็กอินงานอีเวนต์, ตรวจนับทรัพย์สิน, จดมิเตอร์พร้อมรูป อะไรก็ตามที่ "สแกน + ถ่ายรูป + ลงชีต" ใช้สูตรเดียวกัน
ถามตอบเกี่ยวกับบทความนี้
ทำตามแล้วติดตรงไหน ตั้งกระทู้ถามได้ ไม่ต้องสมัครสมาชิก