QRcode API介紹
介紹常用的產生QRcode的API
4 min readSep 18, 2020
最常用的 — Google QRcode API
API
根網址
https://chart.googleapis.com/chart?主要參數
cht=qr // 必要，指定此為qrcode的圖片形式chs={WIDTH}x{HEIGHT} // 必要，寬和高(px)chl={DATA} // 必要，你要放的url、檔案(encoded)choe={OUTPUT_ENCODING} // 選用，output編碼，預設為UTF-8
使用範例
圖片網址
https://chart.googleapis.com/chart?cht=qr&chl=https://google.com&chs=150x150<img src="以上那串網址" ></img>
圖片
客製化QRcode需求— QR code generator
google 的API基本上可以滿足大部分的需求，但是如果今天想讓QRcode更加「繽紛」，那麼我們會需要另外一個常用的QRcode API來產生更加靈活的QRcode了。
API
- 根網址
https://api.qrserver.com/v1/create-qr-code/- 主要參數
data={DATA}
// 必要，最少1個字元，url放這邊，js支援使用encodeURI()做encode datasize={WIDTH}x{HEIGHT}
// 選用，寬和高(px)，限定使用正整數，預設為250x250margin={MARGIN}
// 選用，限定使用正整數，「不影響」總長度，預設為0format={FORMAT}
// 選用，圖片輸出格式，接受png, gif, jpeg, jpg, svg, eps(大小寫一定要一樣)，預設為png
- 顏色參數
顏色接受: {R}-{G}-{B}, #{HEX} 這兩種格式，例如255–255–255(白)、FFF(白)
color={COLOR}
// qrcode本身的顏色bgcolor={COLOR}
// qrcode背景顏色
- 編碼參數
charset-source={SOURCE}
// 選用，data來源的形式，可以接受UTF-8, ISO-8859-1，預設為UTF-8charset-target={SOURCE}
// 選用，data輸出的形式，可以接受UTF-8, ISO-8859-1，預設為UTF-8
範例
網址
參數: color=ff0, bgcolor=00f, margin=10, size=120x120, data=https://google.com
https://api.qrserver.com/v1/create-qr-code/?data=https://google.com&size=120x120&color=ff0&bgcolor=00f&margin=10圖片
注意顏色的調整，像是下圖的深色背景+淺色QRcode主體，就是不好的示範，如果你用相機試著掃描，會發現幾乎無法識別！
關於顏色部分還請多加留意相機能否成功掃描喔!
以上是兩種常用QRcode的API分享，如果有其他更方便好用的QRcode API，也歡迎留言分享喔~
參考/來源
Google qr code: https://developers.google.com/chart/infographics/docs/qr_codes
qrcode generator: http://goqr.me/api/doc/create-qr-code/#param_data