网站建设

分享几个可用的二维码API,以及给博客添加文章二维码图片的方法

Jager · 10月25日 · 2014年 19098次已读

最新补充:博客已分享性能最好的 js 生成二维码方案==>传送门

今天发现之前用的二维码 API 不怎么稳定了,老是出现图裂无法加载的情况。用的是 api.qrserver.com 这个 API 服务,手动访问了几次,发现时好时坏!看来得另找其他可用的二维码 API 了。还好,互联网总是不缺乏免费服务的,不出几分钟,就让我找到了 2 个!现在就来分享给二维码需求的朋友!

先简单说下为什么要添加这个二维码:有博友提到这个功能好像没啥用。。。我也觉得确实挺鸡肋的。

还是说一个场景吧:当你看到我博客一篇很有用的教程,却有急事需要立即离开时,这个二维码就派上用场了!你可以用手机扫描页面上的二维码,从而转到手机上留着继续看。也许你会说,还有 Ctrl+D 收藏,那要是电脑不是你的,比如你在网吧呢?好吧,总体来说,这个功能还是有那么点用的,反正像张戈博客这样放到标题的右侧,也不影响美观(其实,百度分享的分享到微信就是生成二维码,囧~~)。

一、联图 API

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

调用方法:http://qr.liantu.com/api.php?text=https://zhang.ge

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=ffffff
fg	前景颜色	fg=颜色代码,例如:fg=cc0000
gc	渐变颜色	gc=颜色代码,例如:gc=cc00000
el	纠错等级	el 可用值:h\q\m\l,例如:el=h
w	尺寸大小	w=数值(像素),例如:w=300
m	静区(外边距)	m=数值(像素),例如:m=30
pt	定位点颜色(外框)	pt=颜色代码,例如:pt=00ff00
inpt	定位点颜色(内点)	inpt=颜色代码,例如:inpt=000000
logo	logo 图片	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=https://zhang.ge/

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=https://zhang.ge/

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 的相应位置即可。这样,每个文章页面都能生成一个相应的二维码图片的,用户用手机一扫就能转到手机访问,非常方便!

比如,张戈博客就是将这个代码放到了标题旁边,效果还是不错的!具体放到哪,就看自己心情了。多调试几次,找到最满意的位置保存即可!

分享几个可用的二维码API,以及给博客添加文章二维码图片的方法

五、自己 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=https://zhang.ge/

CDN 加速【推荐】:
格	式:http://seo.zgboke.com/qr/$m_$e_$p_$url_cdn.png 
示	例:http://seo.zgboke.com/qr/0_l_3_https://zhang.ge_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 源码已在张戈博客公布,感兴趣的请前往获取==>传送门

18 条回应
  1. 梦轩丽人 2014-10-25 · 17:43

    感觉文章二维码好像用处不大,用电脑浏览文章,应该不会看到二维码就用手机扫描来看文章的吧;如果是用手机浏览移动版的话,二维码也没啥用了。

    • avatar
      Jager 2014-10-25 · 23:07

      说一个场景吧:当你看到我博客一篇很有用的教程,却有急事需要立即离开时,这个二维码就派上用场了!你可以用手机扫描页面上的二维码,从而转到手机上留着继续看。也许你会说,还有Ctrl+D收藏,那要是电脑不是你的,比如你在网吧呢?好吧,总体来说,这个功能还是有那么点用的,反正像Jager博客这样放到标题的右侧,也不影响美观。

      • 梦轩丽人 2014-10-26 · 17:49

        嗯,排版挺好的,不影响美观,这种功能总好过没有吧

  2. 飞哥 2014-10-25 · 19:20

    楼上好像有道理啊。用户已经打开了你的文章,不至于需要用户用手机看文章吧》如果需要用户保存文章的话?或者说二维码方便给用户做其他使用的话。,可能会更好,唉,水平有限。也不知道这个这个二维码是否适合微信或者微博文章使用。那样也许还有点推广软文的作用啊。有高手可以指点或者讨论一下http://www.0769cm.com/

    • avatar
      Jager 2014-10-25 · 23:08

      同样适用。

  3. 飞哥 2014-10-25 · 19:22

    博主。你的文章(百度未收录)功能设置是自动了统计的吗?最好能出个教程啊。

    • 龙三公子 2014-10-25 · 21:50

      我也比较期待方法,应该是自动判别吧

      • avatar
        Jager 2014-10-25 · 23:05

        这个是实时查询的,如果没做缓存不建议使用这个功能,会影响打开速度。至于实现方法,回头有时间分享下,其实百度可以搜到的。

      • avatar
        Jager 2014-10-27 · 16:05

        文章已发:https://zhang.ge/4617.html

  4. 陌小雨 2014-10-26 · 14:58

    博主有才哦!

  5. 陌小雨 2014-10-26 · 23:05

    小雨用的是秀主题,想添加这个功能,可是标题行只有35高啊,应该怎么实现协调点呢,望不吝赐教!

    • avatar
      Jager 2014-10-27 · 16:06

      看过你的了,完全可以放到主副标题的最右边。

      • 陌小雨 2014-10-27 · 17:10

        嗯,实践过才知道真的可以,是我多虑了,没有出现变形错位!感谢博主!

        • avatar
          Jager 2014-10-27 · 17:11

          能用就好~

  6. 灰常记忆 2014-10-29 · 19:09

    正需要这个,感谢分享。

  7. 面试365网 2016-7-31 · 11:35

    不错,支持下!

  8. kd128 2017-7-2 · 19:45

    我最近也在寻找,对比了一下,这个还好用:http://tool.kd128.com/tool/qrcode.html

    • ddd 2019-3-19 · 23:04

      谢谢楼上老哥~发现这个页面大部分都不好使了
      再见开放互联网