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=http://devbanban.com/&choe=UTF-8" title="Link to my Website" />
	</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>basic qrcode </title>

</head>

<body>

</body>

</html>

ผลลัพธ์

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

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

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

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

<!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 (พิศิษฐ์)