บาร์โค้ดโดยไม่ต้องมีแบ็กเอนด์
เลิกใช้ API สำหรับบาร์โค้ดได้แล้ว คุณไม่จำเป็นต้องมีเซิร์ฟเวอร์ คุณไม่ต้องกังวลเรื่อง rate limits JsBarcode จัดการทุกอย่างที่ฝั่ง client side
ใช้ SVG สำหรับการพิมพ์ รูปภาพจาก Canvas จะเบลอเมื่อสั่งพิมพ์ ขอบที่เบลอจะทำให้เครื่องสแกนทำงานไม่ได้ SVG จะยังคงความคมชัดในทุกขนาด
เลือกรูปแบบที่คุณต้องการ:
- Code 128: ใช้สำหรับ SKU ภายในและป้ายติดทรัพย์สิน (asset tags)
- EAN-13: กรอกตัวเลข 12 หลัก แล้ว JsBarcode จะเพิ่มตัวเลขตรวจสอบ (check digit) ให้เอง
- UPC-A: กรอกตัวเลข 11 หลัก แล้ว JsBarcode จะเพิ่มตัวเลขตรวจสอบ (check digit) ให้เอง
เคล็ดลับเพื่อให้สแกนได้ดีขึ้น:
- ใช้ระยะขอบ (margin) 10px หรือมากกว่า
- เครื่องสแกนต้องการพื้นที่ว่างสีขาวเพื่ออ่านรหัส
- ใช้ความกว้าง (width) 3 หรือ 4 สำหรับเครื่องพิมพ์ที่มีความละเอียดต่ำ
ต้องการไฟล์ PNG ใช่ไหม? เรนเดอร์บาร์โค้ดลงใน canvas ที่ซ่อนไว้ แปลง canvas เป็น data URL ผู้ใช้จะได้รับไฟล์โดยที่ไม่เห็น canvas
ความเป็นส่วนตัวคือข้อได้เปรียบ ข้อมูลจะถูกเก็บไว้ในเบราว์เซอร์เท่านั้น ไม่มีข้อมูล SKU ที่สำคัญหลุดออกจากหน้าเว็บ
แหล่งที่มา: https://dev.to/jvancedev/rendering-scannable-barcodes-in-the-browser-with-jsbarcode-no-backend-3j28