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 ได้

<!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>

<!DOCTYPE html>

<html>

<head>

<title>basic qrcode </title>

</head>

<body>

</body>

</html>

รวมคลิปสอน php+mysqli

ผลลัพธ์

การเอาลิงค์มาสร้าง QR CODE

<img src="https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=https://devbanban.com/&choe=UTF-8" title="Link to my Website" />

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

<!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>

<!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/