资源分享

分享张戈博客自用的php网址在线转换二维码的API源码

Jager · 4月13日 · 2015年 9346次已读

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

去年张戈博客曾分享过一篇与二维码API有关的文章:《分享几个可用的二维码API,以及给博客添加文章二维码图片的方法》,由于第三方二维码API总感觉稳定性和自定义性稍差,所以就到网上爬了一下相关代码,自己搭建了一个二维码API,用了几个月感觉良好,完全可以满足我博客的自定义需求。至于博客二维码这个功能是否鸡肋,那就仁者见仁智者见智了。我个人认为,在这个移动互联网飞速发展的时代,抢占先机,做好移动端的用户体验至关重要!

分享张戈博客自用的php网址在线转换二维码的API源码

这个功能不是原创,而且百度一搜一大把,都不好意思拿来分享一二。最近看到有网友留言,想要我分享这个二维码API源码,鉴于博客分享初衷,就厚着脸皮贴出来了。当然,不止是那个qr code类,而是搭建成品的整体代码或心得,毕竟张戈博客存在的目的就是尽力降低各类IT教程的使用门槛(哈,是不是感觉很高尚…)!

一、PHP 代码

<?php
/**
* PHP在线网址二维码API源码分享示例 By 张戈博客(zhang.ge)
* 文章地址:https://zhang.ge/5031.html
**/

//载入qrcode类
include "./phpqrcode.php";

//取得GET参数
$url        = isset($_GET["url"]) ? $_GET["url"] : 'help';
$errorLevel = isset($_GET["e"]) ? $_GET["e"] : 'L';
$PointSize  = isset($_GET["p"]) ? $_GET["p"] : '3';
$margin     = isset($_GET["m"]) ? $_GET["m"] : '0';
preg_match('/http:\/\/([\w\W]*?)\//si', $url, $matches);

//简单判断
//if ( $matches[1] != 'zhang.ge' && $matches[1] != 'zgboke.com' || $url == 'help') { //取消此行注释并注释下面一行,就能加入自定义的url过滤功能
if ( $url == 'help'){
    //简单的描述一下使用方法
    header("Content-type: text/html; charset=utf-8");
    echo '<title>在线二维码API接口| 张戈博客</title>';
    echo '<h1>欢迎使用张戈博客在线二维码API服务!</h1>
    使用前请仔细查看参数说明:<br />
    <br />
    url: 二维码对应的网址<br /><br />
    m&nbsp&nbsp: 二维码白色边框尺寸,缺省值: 0px<br /><br />
    e&nbsp&nbsp: 容错级别(errorLevel),可选参数如下(缺省值 L):<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbspL水平    7%的字码可被修正<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbspM水平    15%的字码可被修正<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbspQ水平    25%的字码可被修正<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbspH水平    30%的字码可被修正<br />
    p&nbsp&nbsp: 二维码尺寸,可选范围1-10(具体大小和容错级别有关)(缺省值:3)<br /><br />
    常规用法:<a href="//seo.zgboke.com/qr/?m=0&e=L&p=3&url=https://zhang.ge/" target="_blank">http://seo.zgboke.com/qr/?m=0&e=L&p=3&url=https://zhang.ge/</a><br /><br />
    
    CDN 加速:<br />
    格	式:http://seo.zgboke.com/qr/$m_$e_$p_$url_cdn.png <br />
    示	例:<a href="//seo.zgboke.com/qr/0_l_3_https://zhang.ge_cdn.png" target="_blank">http://seo.zgboke.com/qr/0_l_3_https://zhang.ge_cdn.png</a><br />
    ';
	exit();
} else  {
    //调用二维码生成函数
    createqr($url, $errorLevel, $PointSize, $margin);
}

//简单二维码生成函数
function createqr($value,$errorCorrectionLevel,$matrixPointSize,$margin) {
    QRcode::png($value, false, $errorCorrectionLevel, $matrixPointSize, $margin);
}
?>

将以上代码保存为php文件(比如qr.php),上传到网站指定目录(比如根目录 /)。

二、QrCode类

下载PHP的QrCode类,上传到网站目录,其实百度一搜一大把,还是贴上张戈博客自用的文件吧!

Ps:以上相关代码均已包含在内。

三、CDN 加速

因为这个API是在线生成的,如果请求过于频繁,将会影响到服务器性能和加载速度。所以,我们有必要继续优化一下。我个人想到3个解决方案:

①、每生成一个新的二维码图片就缓存一份到服务器,下次若是相同的内容,将直接读取;

②、利用伪静态重写请求地址,伪装成静态文件格式,比如png、jpg等,然后开启免费CDN;

③、结合①和②,实现伪静态+CDN加速+浏览器缓存加速,达到优化加载速度。

目前张戈博客仅使用了第 ② 种方案,已完全可以满足博客的需求,所以就懒得去折腾更完善的方法,感兴趣的童鞋可以自己去试试,下面说一下伪静态规则。

张戈博客将这个API搭建在万网的免费虚拟主机上,所以仅分享Apache伪静态规则,其他WEB服务器请自行解决。

Apache伪静态规则:

RewriteEngine on
RewriteBase /

#QR二维码
RewriteRule ^qr/(.*)_(.*)_(.*)_http:/(.*)_cdn\.png$ qr/index.php?m=$1&e=$2&p=$3&url=http://$4 [L]
RewriteRule ^qr/(.*)_(.*)_(.*)_(.*)_cdn\.png$ qr/index.php?m=$1&e=$2&p=$3&url=$4 [L]

注:以上是将API源码上传到网站根目录下的 qr 文件夹的例子!

伪静态之后,这个二维码地址就是一个正常的 png格式了,只要到免费CDN(比如百度云加速或360网站卫士等)开启静态资源缓存即可实现CDN加速。

四、使用范例

直接访问本文第一段代码所保存的文件就能看到简单的使用说明了:

欢迎使用张戈博客在线二维码API服务!

使用前请仔细查看参数说明:

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

查看效果:http://seo.zgboke.com/qr/0_l_3_https://zhang.ge_cdn.png

按下F12,到 NetWork 选项卡查看头部已经可以看到百度云加速的HIT缓存标识了!

至于如何应用到博客当中,请移步查看张戈博客以前分享的教程:https://zhang.ge/4609.html

34 条回应
  1. 微饭 2015-4-13 · 22:30

    前不久用过,二维码+LOGO模式,个人感觉有点华而不实,只在主题设置后台加了个开关。

    • Jager 2015-4-13 · 22:33

      仁者见仁智者见智,自己喜欢就好,反正那个位置闲着也是闲着,也许就有人想换到手机访问呢?

      • 微饭 2015-4-13 · 23:00

        当然,一些功能还是要根据用户习惯来制定,个人爱好也是必须的。

    • 完美 2016-5-27 · 16:12

      这些代码 怎么加上LOGO

  2. 阿里百秀 2015-4-14 · 9:01

    微信的受众面现在这么广,提前抢占个先机是很不错的想法

  3. 幻杀博客 2015-4-14 · 19:43

    还是直接调API方便……

  4. 网站模板 2015-5-6 · 16:45

    rewrite ^qrcode/(.*)_(.*)_(.*)_http:/(.*)_cdn\.png$ qrcode/index.php?m=$1&e=$2&p=$3&url=http://$4 last;
    rewrite ^qrcode/(.*)_(.*)_(.*)_(.*)_cdn\.png$ qrcode/index.php?m=$1&e=$2&p=$3&url=$4 last

    这是我在nginx下面的伪静态规则,不行,有问题,

  5. 蚂蚁 2015-5-11 · 16:33

    博主,根据你这篇文章,我实现了网址二维码,在此非常感谢!
    同时有个问题想请教下,就是防盗链的问题,因为本人主机配置较低,所以才有此问题。

    • Jager 2015-5-14 · 22:26

      注意代码中有一段:

      //if ( $matches[1] != 'zhang.ge' && $matches[1] != 'zgboke.com' || $url == 'help') { //取消此行注释并注释下面一行,就能加入自定义的url过滤功能
      if ( $url == 'help'){

      注释下一个if,使用上一个if语句即可开启域名验证。

      • 蚂蚁 2015-5-14 · 22:32

        非常感谢@

        • Jager 2015-5-14 · 22:33

          欢迎常来逛逛

  6. 西贝博客 2015-6-4 · 11:04

    无私的奉献!

  7. 胡歌网摘 2015-6-21 · 15:49

    测试了,有个问题就是,如果url长短不一,生成的图片大小是不同的,例如这两个。

    http://seo.zgboke.com/qr/?m=0&e=L&p=3&url=https://zhang.ge/
    和
    http://seo.zgboke.com/qr/?m=0&e=L&p=3&url=https://zhang.ge/ental-decay-children-breathrserver/v1/create-qr-code.html

    这样用到网页里面的话,就……

  8. 灌水小鱼 2015-6-28 · 10:44

    查找生成二维码的资料来到这里,博主写得很详细,对我帮助很大,感谢!

  9. 清风美文 2015-9-29 · 11:33

    这个挺实用,研究 一下去了

  10. 感谢作者的无私分享! 2015-12-18 · 19:56

    终于解决了一个心病,回访致谢。

  11. insunshine 2016-1-25 · 16:05

    非常好的教程!不过要怎么样才能把logo插入到二维码的中间?

  12. 花开花落 2016-2-29 · 9:22

    想加个LOGO描边模式,可以实现吗?

    • Jager 2016-2-29 · 18:28

      没试过,你可以研究看看。

  13. 逛这里 2016-3-15 · 16:59

    这个东西其实很实用的,哈哈,谢谢站长分享!

  14. 番茄 2016-4-15 · 13:43

    这个之前我折腾过,后来撤掉了。

  15. 完美 2016-5-27 · 5:12

    怎么加头像 大神~~~~~

  16. 完美 2016-5-27 · 16:12

    JS的无法保存图片,PHP的 没LOGO 怎么加LOGO啊

  17. 刘传鹏博客 2016-7-2 · 21:35

    感谢分享

  18. jy 2017-9-10 · 14:18

    有没有源码呢 小白 不会用 谢谢提供

  19. 姬长信 2018-2-10 · 16:40

    伪静态是不是少个/
    http://

    • Jager 2018-2-15 · 22:09

      看这篇:https://zhang.ge/5020.html