Basic QR CODE HTML, PHP ทำ QR CODE ง่ายมาก
Workshop แนะนำการทำ QR CODE ด้วยภาษา HTML, PHP โดยใช้ API จาก https://developers.google.com/chart/infographics/docs/qr_codes
CODE ง่ายครับ save เป็น .html ก็ Run ได้
|
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <html> <head> <title>basic qrcode </title> </head> <body> <img src="https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=https://devbanban.com/&choe=UTF-8" title="Link to my Website" /> </body> </html> |
รวมคลิปสอน php+mysqli
ผลลัพธ์
การเอาลิงค์มาสร้าง QR CODE
|
1 |
<img src="https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=https://devbanban.com/&choe=UTF-8" title="Link to my Website" /> |
สิ่งที่เราต้องเปลี่ยน เพื่อให้ได้ qrcode และลิงค์ไปยังเว็บที่เราต้องการ
ต้องเปลี่ยนส่วนของ chl=”ลิงค์ของเรา”ครับ อย่างเช่นตัวอย่างผมใส่เว็บไซต์ผมเข้าไป คือ https://devbanban.com
การเปลี่ยนขนาดของ QR CODE
ขนาดเริ่มต้นที่ต้นฉบับให้มาคือ 300x300px นะครับ จะอยู่ตรง chs=300×300 ถ้าอยากได้ขนาดที่แตกต่างก็ให้เปลี่ยนขนาดตรงนี้ครับ
การใส่ Title เวลาเอาเม้าไปชี้จะแสดงข้อความ
ให้เปลี่ยนข้อความ title=”Link to my Website”
การนำเอาไปใช้ร่วมกับเว็บไซต์ php
เวลาเราคลิกดูบทความตามเว็บไซต์ จะเห็นว่ามีบางเว็บไซต์มี QR CODE ให้ดาวน์โหลดด้วย ก็ทำง่ายๆเหมือนกันครับ
ตย. code
|
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <html> <head> <title>basic qrcode </title> </head> <body> <img src="https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=https://devbanban.com/?page_id=<?php echo $_GET['page_id'];?>/&choe=UTF-8" title="Link to my Website" /> </body> </html> |
เวลาเราเปิดเว็บไซต์ เช่น ลิงค์นี้ https://devbanban.com/?page_id=2309 ก็เปลี่ยนเหมือนกับข้างต้นครับ คือ chl=”https://devbanban.com/?page_id=<?php echo $_GET[‘page_id’];?>” ก็จะได้ QR CODE อยู่บนบทความแล้วครับ **อยากให้ QR CODE อยู่ตรงส่วนไหนของ หน้าเว็บก็แล้วแต่เรา Design เลยครับ ง่ายเน้อะ
ระบบสำเร็จรูปพร้อมใช้ หรือเอาไปพัฒนาต่อยอดเพื่อใช้ในองค์กร
ระบบยืม-คืน เบิก-จ่ายพัสดุอุปกรณ์สำนักงาน 5,000 บาท
ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com และทีมงานได้ที่
ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
fanpage : https://www.facebook.com/sornwebsites/