借助Google大神要產生QRcode簡直是彈指之間的事,只要透過google chart api,一行連結便能產生QRcode圖片。

[2024.05.07更新 Google目前已刪除此項目,不提供連結產生QR code]

替代方案:

https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=你要的資料


這邊也添加一個線上產生器



使用方式

我們先來看看上面那個QRcode是怎麼生成的,全貌就只是這樣一條簡單的連結

http://chart.apis.google.com/chart?cht=qr&choe=UTF-8&chs=300x300&chl=https%3A%2F%2Fblog.aidec.tw

要在網頁輸出成圖片,我們只要將連結放入<img> 就可以了~

<img src="http://chart.apis.google.com/chart?cht=qr&choe=UTF-8&chs=300x300&chl=https%3A%2F%2Fblog.aidec.tw" />

參數說明

接著下來,我們來拆解這連結的參數各自代表的意義。

qrcode01.JPG

完成文檔

https://developers.google.com/chart/infographics/docs/qr_codes

補充說明

如果qrcode的資料是用php產生的,建議將資料使用urlencode,這樣可讓資料編碼化,避免連結格式錯誤。

<img src="http://chart.apis.google.com/chart?cht=qr&choe=UTF-8&chs=300x300&chl=<?php echo urlencode('https://blog.aidec.tw');?>" />


文章轉載或引用,請先告知並保留原文出處與連結!!(單純分享或非營利的只需保留原文出處,不用告知)

原文連結:
https://blog.aidec.tw/post/gen-qrcode-google-chart-api
若有業務合作需求,可寫信至: opweb666@gmail.com
創業、網站經營相關內容未來將發布在 小易創業筆記