現(xiàn)在手機(jī)端使用越來越廣泛,因此為了提升用戶體驗(yàn)很有必要在網(wǎng)頁上增加二維碼掃描功能,讓訪客可以直接將頁面掃到手機(jī)端閱讀,這里提供了在dedecms中增加二維碼功能的方法,主要有兩種,一種是使用GOOGLE的API,一種是使用dede的qrcode插件:
一、使用google api
在dedecms中增加二維碼功能
1、打開/include/extend.func.php文件,在文件結(jié)尾添加:
代碼示例: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、在文章頁模板調(diào)用,{dede:field.id function="qr_code(@me,200);"/}
注:qr_code(@me,200) 200是二維碼大小,可自行調(diào)整。
此種增加DEDE二維碼掃描功能適用dede5.0及以上版本
使用了google提供二維碼生成器,因此可能會(huì)被墻,只適合墻外的網(wǎng)站使用
參考地址:
http://chart.apis.google.com/chart?cht=qr&chs=200x200&chl=http://www.bnxb.com&choe=UTF-8
另外需要使用絕對(duì)路徑,因此要在在后臺(tái)系統(tǒng)-核心設(shè)置里“(是/否)支持多站點(diǎn),開啟此項(xiàng)后附件、欄目連接、arclist內(nèi)容啟用絕對(duì)網(wǎng)址:”選是 就可以開啟絕對(duì)路徑,生成出來的二維碼網(wǎng)址就沒問題了。
二、使用PHP二維碼生成類庫PHP QR Code生成二維碼
PHP QR Code是一個(gè)PHP二維碼生成類庫,利用它可以輕松生成二維碼,官網(wǎng)提供了下載和多個(gè)演示demo,查看地址:http://phpqrcode.sourceforge.net/。如果看不懂英文不知道怎么下載也可以下載本站的https://www.bnxb.com/soft/site/26931.html
下載官網(wǎng)提供的類庫后,只需要使用phpqrcode.php就可以生成二維碼了,當(dāng)然您的PHP環(huán)境必須開啟支持GD2。 phpqrcode.php提供了一個(gè)關(guān)鍵的png()方法,其中參數(shù)$text表示生成二位的的信息文本;參數(shù)$outfile表示是否輸出二維碼圖片 文件,默認(rèn)否;參數(shù)$level表示容錯(cuò)率,也就是有被覆蓋的區(qū)域還能識(shí)別,分別是 L(QR_ECLEVEL_L,7%),M(QR_ECLEVEL_M,15%),Q(QR_ECLEVEL_Q,25%),H(QR_ECLEVEL_H,30%); 參數(shù)$size表示生成圖片大小,默認(rèn)是3;參數(shù)$margin表示二維碼周圍邊框空白區(qū)域間距值;參數(shù)$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);
}
調(diào)用PHP QR Code非常簡(jiǎn)單,如下代碼即可生成一張內(nèi)容為"http://www.bnxb.com"的二維碼.
Php代碼
include 'phpqrcode.php';
QRcode::png('http://www.bnxb.com');
|
那么實(shí)際應(yīng)用中,我們會(huì)在二維碼的中間加上自己的LOGO,已增強(qiáng)宣傳效果。那如何生成含有l(wèi)ogo的二維碼呢?其實(shí)原理很簡(jiǎn)單,先使用PHP QR Code生成一張二維碼圖片,然后再利用php的image相關(guān)函數(shù),將事先準(zhǔn)備好的logo圖片加入到剛生成的原始二維碼圖片中間,然后重新生成一張新 的二維碼圖片。
include 'phpqrcode.php';
$value = 'http://www.bnxb.com'; //二維碼內(nèi)容
$errorCorrectionLevel = 'L';//容錯(cuò)級(jí)別
$matrixPointSize = 6;//生成圖片大小
//生成二維碼圖片
QRcode::png($value, 'qrcode.png', $errorCorrectionLevel, $matrixPointSize, 2);
$logo = 'logo.png';//準(zhǔn)備好的logo圖片
$QR = 'qrcode.png';//已經(jīng)生成的原始二維碼圖
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;
//重新組合圖片并調(diào)整大小
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">';
下面是參考上面的代碼,不生產(chǎn)圖片文件,方便調(diào)用的,將下面的代碼保存為img.php
<?php
include 'phpqrcode.php';
$value = $_GET['url'];//二維碼內(nèi)容
$errorCorrectionLevel = 'L';//容錯(cuò)級(jí)別
$matrixPointSize = 6;//生成圖片大小
//生成二維碼圖片
QRcode::png($value, 'qrcode.png', $errorCorrectionLevel, $matrixPointSize, 2);
$logo = 'jb51.png';//準(zhǔn)備好的logo圖片
$QR = 'qrcode.png';//已經(jīng)生成的原始二維碼圖
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;
//重新組合圖片并調(diào)整大小
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);
調(diào)用方法:
<img src="http://www.bnxb.com/qr/img.php?url={dede:field name='arcurl'/}">
由于二維碼允許有一定的容錯(cuò)性,一般的二維碼即使在遮住部分但仍然能夠解碼,經(jīng)常我們掃描二維碼的時(shí)候掃描到甚至不到一半時(shí)就能解碼掃描結(jié)果,這是因?yàn)樯善鲿?huì)將部分信息重復(fù)表示來提高其容錯(cuò)度,這就是為什么我們?cè)诙S碼中間加個(gè)LOGO圖片并不影響解碼結(jié)果的原因。