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=http://devbanban.com/&choe=UTF-8" title="Link to my Website" /> </body> </html> |
ผลลัพธ์
การเอาลิงค์มาสร้าง QR CODE
1 |
<img src="https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=http://devbanban.com/&choe=UTF-8" title="Link to my Website" /> |
สิ่งที่เราต้องเปลี่ยน เพื่อให้ได้ qrcode และลิงค์ไปยังเว็บที่เราต้องการ
ต้องเปลี่ยนส่วนของ chl=”ลิงค์ของเรา”ครับ อย่างเช่นตัวอย่างผมใส่เว็บไซต์ผมเข้าไป คือ http://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=http://devbanban.com/?page_id=<?php echo $_GET['page_id'];?>/&choe=UTF-8" title="Link to my Website" /> </body> </html> |
เวลาเราเปิดเว็บไซต์ เช่น ลิงค์นี้ http://devbanban.com/?page_id=2309 ก็เปลี่ยนเหมือนกับข้างต้นครับ คือ chl=”http://devbanban.com/?page_id=<?php echo $_GET[‘page_id’];?>” ก็จะได้ QR CODE อยู่บนบทความแล้วครับ **อยากให้ QR CODE อยู่ตรงส่วนไหนของ หน้าเว็บก็แล้วแต่เรา Design เลยครับ ง่ายเน้อะ
ตะกร้าสินค้า v1 v2 V3
V1 = 900 บาท, V2=2,500 บาท, V3=3,500 บาท
ระบบยืม-คืน เบิก-จ่ายพัสดุอุปกรณ์สำนักงาน 5,000 บาท
ระบบแจ้งซ่อมออนไลน์ 1,000 บาท
รวมคลิปสอนทำเว็บไซต์ฟรี
ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com และทีมงานได้ที่
ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
โทร. 094 861 6709 , LineID: disketjet1 , Email: devbanban@gmail.com (พิศิษฐ์)