快捷搜索:   nginx

dedecms织梦页面中增加手机二维码功能的实现方法

现在手机端使用越来越广泛,因此为了提升用户体验很有必要在网页上增加二维码扫描功能,让访客可以直接将页面扫到手机端阅读,这里提供了在dedecms中增加二维码功能的方法,主要有两种,一种是使用GOOGLE的API,一种是使用dede的qrcode插件:

一、使用google api
在dedecms中增加二维码功能

1、打开/include/extend.func.php文件,在文件结尾添加:

代码示例:if ( ! function_exists('qr_code'))
{

function qr_code($aid,$widhtHeight ='150',$EC_level='L',$margin='0')
{
$arr = GetOneArchive($aid);
if($arr['arcurl']){
$str = urlencode($arr['arcurl']);
}else{
$str = urlencode($GLOBALS['cfg_phpurl'].'/view.php?aid='.$aid);
}
return '<img src="http://chart.apis.google.com/chart?chs='.$widhtHeight.'x'.$widhtHeight.'&cht=qr&chld='.$EC_level.'|'.$margin.'&chl='.$str.'" alt="QR code" widhtHeight="'.$widhtHeight.'" widhtHeight="'.$widhtHeight.'"/>';
}
}

2、在文章页模板调用,{dede:field.id function="qr_code(@me,200);"/}

注:qr_code(@me,200)  200是二维码大小,可自行调整。

此种增加DEDE二维码扫描功能适用dede5.0及以上版本

使用了google提供二维码生成器,因此可能会被墙,只适合墙外的网站使用

参考地址:
http://chart.apis.google.com/chart?cht=qr&chs=200x200&chl=http://www.bnxb.com&amp;choe=UTF-8

另外需要使用绝对路径,因此要在在后台系统-核心设置里“(是/否)支持多站点,开启此项后附件、栏目连接、arclist内容启用绝对网址:”选是 就可以开启绝对路径,生成出来的二维码网址就没问题了。



二、使用PHP二维码生成类库PHP QR Code生成二维码

PHP QR Code是一个PHP二维码生成类库,利用它可以轻松生成二维码,官网提供了下载和多个演示demo,查看地址:http://phpqrcode.sourceforge.net/。如果看不懂英文不知道怎么下载也可以下载本站的https://www.bnxb.com/soft/site/26931.html
下载官网提供的类库后,只需要使用phpqrcode.php就可以生成二维码了,当然您的PHP环境必须开启支持GD2。 phpqrcode.php提供了一个关键的png()方法,其中参数$text表示生成二位的的信息文本;参数$outfile表示是否输出二维码图片 文件,默认否;参数$level表示容错率,也就是有被覆盖的区域还能识别,分别是 L(QR_ECLEVEL_L,7%),M(QR_ECLEVEL_M,15%),Q(QR_ECLEVEL_Q,25%),H(QR_ECLEVEL_H,30%); 参数$size表示生成图片大小,默认是3;参数$margin表示二维码周围边框空白区域间距值;参数$saveandprint表示是否保存二维码并 显示。
public static function png($text, $outfile=false, $level=QR_ECLEVEL_L, $size=3, $margin=4,
$saveandprint=false)
{
$enc = QRencode::factory($level, $size, $margin);
return $enc->encodePNG($text, $outfile, $saveandprint=false);
}
调用PHP QR Code非常简单,如下代码即可生成一张内容为"http://www.bnxb.com"的二维码.
Php代码 
include 'phpqrcode.php';  
QRcode::png('http://www.bnxb.com');  

那么实际应用中,我们会在二维码的中间加上自己的LOGO,已增强宣传效果。那如何生成含有logo的二维码呢?其实原理很简单,先使用PHP QR Code生成一张二维码图片,然后再利用php的image相关函数,将事先准备好的logo图片加入到刚生成的原始二维码图片中间,然后重新生成一张新 的二维码图片。
include 'phpqrcode.php';
$value = 'http://www.bnxb.com'; //二维码内容
$errorCorrectionLevel = 'L';//容错级别
$matrixPointSize = 6;//生成图片大小
//生成二维码图片
QRcode::png($value, 'qrcode.png', $errorCorrectionLevel, $matrixPointSize, 2);
$logo = 'logo.png';//准备好的logo图片
$QR = 'qrcode.png';//已经生成的原始二维码图

if ($logo !== FALSE) {
$QR = imagecreatefromstring(file_get_contents($QR));
$logo = imagecreatefromstring(file_get_contents($logo));
$QR_width = imagesx($QR);//二维码图片宽度
$QR_height = imagesy($QR);//二维码图片高度
$logo_width = imagesx($logo);//logo图片宽度
$logo_height = imagesy($logo);//logo图片高度
$logo_qr_width = $QR_width / 5;
$scale = $logo_width/$logo_qr_width;
$logo_qr_height = $logo_height/$scale;
$from_width = ($QR_width - $logo_qr_width) / 2;
//重新组合图片并调整大小
imagecopyresampled($QR, $logo, $from_width, $from_width, 0, 0, $logo_qr_width,
$logo_qr_height, $logo_width, $logo_height);
}
//输出图片
imagepng($QR, 'helloweba.png');
echo '<img src="helloweba.png">';

下面是参考上面的代码,不生产图片文件,方便调用的,将下面的代码保存为img.php

<?php
include 'phpqrcode.php';
$value = $_GET['url'];//二维码内容
$errorCorrectionLevel = 'L';//容错级别
$matrixPointSize = 6;//生成图片大小
//生成二维码图片
QRcode::png($value, 'qrcode.png', $errorCorrectionLevel, $matrixPointSize, 2);
$logo = 'jb51.png';//准备好的logo图片
$QR = 'qrcode.png';//已经生成的原始二维码图

if ($logo !== FALSE) {
$QR = imagecreatefromstring(file_get_contents($QR));
$logo = imagecreatefromstring(file_get_contents($logo));
$QR_width = imagesx($QR);//二维码图片宽度
$QR_height = imagesy($QR);//二维码图片高度
$logo_width = imagesx($logo);//logo图片宽度
$logo_height = imagesy($logo);//logo图片高度
$logo_qr_width = $QR_width / 5;
$scale = $logo_width/$logo_qr_width;
$logo_qr_height = $logo_height/$scale;
$from_width = ($QR_width - $logo_qr_width) / 2;
//重新组合图片并调整大小
imagecopyresampled($QR, $logo, $from_width, $from_width, 0, 0, $logo_qr_width,
$logo_qr_height, $logo_width, $logo_height);
}
//输出图片
Header("Content-type: image/png");
ImagePng($QR);



调用方法:
<img src="http://www.bnxb.com/qr/img.php?url={dede:field name='arcurl'/}">


由于二维码允许有一定的容错性,一般的二维码即使在遮住部分但仍然能够解码,经常我们扫描二维码的时候扫描到甚至不到一半时就能解码扫描结果,这是因为生成器会将部分信息重复表示来提高其容错度,这就是为什么我们在二维码中间加个LOGO图片并不影响解码结果的原因。



三、使用jquery-qrcode  这个js插件来生成
下载地址及详细使用方法见 https://www.bnxb.com/soft/site/26930.html


四、使用dede的插件模块来生成
下载地址及详细使用方法见https://www.bnxb.com/soft/site/26929.html
顶(1)
踩(0)

您可能还会对下面的文章感兴趣:

最新评论