分享幾個可用的二維碼API,以及給博客添加文章二維碼圖片的方法

最新補充:博客已分享性能最好的 js 生成二維碼方案==>傳送門

今天發現之前用的二維碼 API 不怎么穩定了,老是出現圖裂無法加載的情況。用的是 api.qrserver.com 這個 API 服務,手動訪問了幾次,發現時好時壞!看來得另找其他可用的二維碼 API 了。還好,互聯網總是不缺乏免費服務的,不出幾分鐘,就讓我找到了 2 個!現在就來分享給二維碼需求的朋友!

先簡單說下為什么要添加這個二維碼:有博友提到這個功能好像沒啥用。。。我也覺得確實挺雞肋的。

還是說一個場景吧:當你看到我博客一篇很有用的教程,卻有急事需要立即離開時,這個二維碼就派上用場了!你可以用手機掃描頁面上的二維碼,從而轉到手機上留著繼續看。也許你會說,還有 Ctrl+D 收藏,那要是電腦不是你的,比如你在網吧呢?好吧,總體來說,這個功能還是有那么點用的,反正像張戈博客這樣放到標題的右側,也不影響美觀(其實,百度分享的分享到微信就是生成二維碼,囧~~)。

一、聯圖 API

接口地址:http://qr.liantu.com/api.php

調用方法:http://qr.liantu.com/api.php?text=http://zhangge.net

WordPress 代碼:

<img title="本文二維碼,手機掃一掃,精彩隨身帶!" style="float:right;cursor:pointer" src="http://qr.liantu.com/api.php?w=68&m=0&text=<?php the_permalink(); ?>" alt="QR: <?php the_title(); ?>" width="68" height="68"/>

引用參數:

以下參數可用于引用二維碼圖片時定義圖片樣式參數引用例子:http://qr.liantu.com/api.php?&bg=ffffff&fg=cc0000&text=x參數描述賦值例子bg背景顏色bg=顏色代碼,例如:bg=fffffffg前景顏色fg=顏色代碼,例如:fg=cc0000gc漸變顏色gc=顏色代碼,例如:gc=cc00000el糾錯等級el可用值:hqml,例如:el=hw尺寸大小w=數值(像素),例如:w=300m靜區(外邊距)m=數值(像素),例如:m=30pt定位點顏色(外框)pt=顏色代碼,例如:pt=00ff00inpt定位點顏色(內點)inpt=顏色代碼,例如:inpt=000000logologo圖片logo=圖片地址,例如:logo=http://www.liantu.com/images/2013/sample.jpg

二、JiaThis API

接口地址:http://s.jiathis.com/qrcode.php

調用方法:http://s.jiathis.com/qrcode.php?url=http://zhangge.net/

WordPress 代碼:

<img title="本文二維碼,手機掃一掃,精彩隨身帶!" style="float:right;cursor:pointer" src="http://s.jiathis.com/qrcode.php?url=<?php the_permalink(); ?>" alt="QR: <?php the_title(); ?>" width="68" height="68"/>

三、快拍 API

接口地址:http://api.kuaipai.cn/qr

調用方法:http://api.kuaipai.cn/qr?chl=http://zhangge.net/

WordPress 代碼:

<img title="本文二維碼,手機掃一掃,精彩隨身帶!" style="float:right;cursor:pointer" src="http://api.kuaipai.cn/qr?chl=<?php the_permalink(); ?>" alt="QR: <?php the_title(); ?>" width="68" height="68"/>

Ps:以上三個 API 都是國內的,速度都非?？?其中聯圖的可以使用參數來規劃二維碼圖片樣式,而后面 2 個 API 是從各自的【分享到微信】功能中扒皮出來的,所以并未提供二維碼大小的控制,也可能是我不知道吧,有知道的朋友歡迎告知!國內免費內的二維碼 API 肯定還有很多,暫時就整理這幾個,已經夠用了。如果發現其他更好的二維碼 API,我會繼續補充,同時也歡迎你來留言告知!

四、文章二維碼

要讓文章頁面生成相應的二維碼圖片,只要從以上代碼中選擇一個,添加到 WordPress 主題文章模板文件 single.php 的相應位置即可。這樣,每個文章頁面都能生成一個相應的二維碼圖片的,用戶用手機一掃就能轉到手機訪問,非常方便!

比如,張戈博客就是將這個代碼放到了標題旁邊,效果還是不錯的!具體放到哪,就看自己心情了。多調試幾次,找到最滿意的位置保存即可!

五、自己 DIY

晚上閑的無聊,利用 phpQrCode 類自己寫了一個二維碼 API,本來打算放到自己博客的,后來考慮了一下,還是先放到 SAE 上好了,免費資源的不用白不用,而且速度不比上面分享的 API 慢,而且可以簡單的定制樣式!

API 地址:

http://seo.zgboke.com/qr/

參數及范例:

url: 二維碼對應的網址?m??: 二維碼白色邊框尺寸,缺省值: 0px?e??: 容錯級別(errorLevel),可選參數如下(缺省值 L):???? L水平 7%的字碼可被修正???? M水平 15%的字碼可被修正???? Q水平 25%的字碼可被修正???? H水平 30%的字碼可被修正p??: 二維碼尺寸,可選范圍1-10(具體大小和容錯級別有關)(缺省值:3)?常規格式:http://seo.zgboke.com/qr/?m=0&e=L&p=3&url=http://zhangge.net/?CDN加速【推薦】:格式:http://seo.zgboke.com/qr/$m_$e_$p_$url_cdn.png 示例:http://seo.zgboke.com/qr/0_l_3_http://zhangge.net_cdn.png

WordPress 調用代碼:

<img title="本文二維碼,手機掃一掃,精彩隨身帶!" style="float:right;cursor:pointer" src="http://seo.zgboke.com/qr/0_1_3_<?php the_permalink(); ?>_cdn.png" alt="QR: <?php the_title(); ?>" width="68" height="68"/>

呵呵,還是用自己做的最好,用的安心,看著順心!

最新補充:此 API 源碼已在張戈博客公布,感興趣的請前往獲取==>傳送門