สแกนบาร์โค้ดและ QR Code ในเว็บแอป Google Apps Script

วิธีที่ 1: เครื่องยิงบาร์โค้ด (แนะนำ)

เครื่องยิงแบบ USB หรือ Bluetooth ทำงานเหมือน คีย์บอร์ด คือพิมพ์รหัสแล้วกด Enter ให้เอง จึงใช้กับช่อง input ธรรมดาได้ทันที

<input id="scan" autofocus placeholder="ยิงบาร์โค้ด...">
<script>
document.getElementById('scan').addEventListener('keydown', e => {
  if (e.key !== 'Enter') return;
  const code = e.target.value.trim();
  e.target.value = '';
  google.script.run.withSuccessHandler(addToCart).findProduct(code);
});
</script>

วิธีที่ 2: กล้องมือถือ

ใช้ไลบรารีอ่านบาร์โค้ด/QR จากกล้องในฝั่งเบราว์เซอร์ (เช่น html5-qrcode) โหลดผ่าน CDN ในไฟล์ HTML แล้วส่งรหัสที่อ่านได้ไปค้นหาในชีต

ข้อควรรู้: เว็บแอป Apps Script แสดงผลอยู่ใน iframe ของ Google บางเบราว์เซอร์/บางกรณีอาจไม่อนุญาตให้ใช้กล้องใน iframe ถ้าเปิดกล้องไม่ได้ให้ลองเปิดลิงก์ /exec ตรงในเบราว์เซอร์หลักของเครื่อง หรือใช้เครื่องยิงบาร์โค้ดแทน

ค้นหาสินค้าจากรหัส

function findProduct(code) {
  const rows = SpreadsheetApp.getActive().getSheetByName('products').getDataRange().getValues();
  const row = rows.find(r => String(r[0]) === String(code));
  if (!row) throw new Error('ไม่พบสินค้า ' + code);
  return { sku: row[0], name: row[1], price: row[4] };
}

ระวัง: บาร์โค้ดที่ขึ้นต้นด้วย 0 ใน Google Sheets อาจถูกตัด 0 ทิ้ง ให้ตั้งรูปแบบคอลัมน์เป็น ข้อความธรรมดา