QR Code Generator

เจ้าของผลงานเล่าไว้แบบนี้

https://pairat3000.github.io/QR-Generator/ # QR Code Generator — สร้าง QR Code แบบไม่หมดอายุ ระบบสร้าง QR Code ที่ทำงานบนเบราว์เซอร์ 100% — ไม่มี backend, ไม่มี CDN, ไม่ต่อ internet และไม่ส่งข้อมูลออกนอกเครื่องเลย ### 👉 ใช้งานออนไลน์ได้ที่ https://pairat3000.github.io/QR-Generator/ หรือดาวน์โหลด [`qr-generator.html`](qr-generator.html) ไฟล์เดียวไปเปิดออฟไลน์ก็ได้ --- ## ⚠️ อ่านก่อนแก้โค้ด โปรเจกต์นี้มีไฟล์ 2 ชุด ที่ต้องซิงก์กันเสมอ | ชุด | ไฟล์ | ใช้ทำอะไร | |---|---|---| | **ต้นฉบับ** | `index.html`, `styles.css`, `qrcode.js`, `render.js`, `app.js` | ใช้พัฒนา/แก้ไข | | **ไฟล์รวม** | `qr-generator.html` | ใช้แจกจ่าย (สร้างอัตโนมัติ) | > ### 🔴 แก้ไฟล์ต้นฉบับแล้ว **ต้องสั่ง `node build.js` ทุกครั้ง** > > ```bash > node build.js > ``` > > ถ้าลืม — คนที่เปิด `qr-generator.html` จะยังได้โค้ดเวอร์ชันเก่า > ทั้งที่คุณแก้ไปแล้ว และจะไล่บั๊กไม่เจอ > > **ห้ามแก้ `qr-generator.html` โดยตรง** เพราะจะถูกเขียนทับทิ้งใน build ครั้งถัดไป > (ในไฟล์มี comment เตือนไว้ที่บรรทัดบนสุดแล้ว) > > ถ้าลืม build ให้รัน `node tests/bundle.test.js` มันจะฟ้องว่า `bundle is stale` --- ## วิธีใช้ เปิด `index.html` (หรือ `qr-generator.html`) ด้วยเบราว์เซอร์ ดับเบิลคลิกได้เลย ไม่ต้องติดตั้งอะไร แล้วทำตาม 3 ขั้นตอน 1. **วางลิงก์ที่ต้องการ** — URL, ข้อความ, เบอร์โทร, อีเมล หรือ LINE ID (พิมพ์ `dohome.co.th` เฉย ๆ ระบบเติม `https://` ให้เอง) 2. **เลือกใส่โลโก้หรือไม่** — เปิดสวิตช์แล้วลากไฟล์รูปมาวาง (PNG, JPG, SVG, WebP) 3. **กด Generate QR** แล้ว **Download** เป็น PNG หรือ SVG --- ## ทำไม QR นี้ถึงไม่หมดอายุ | แบบ | หลักการ | อายุกา

โดย pairat3000 · ดูโพสต์ต้นทาง