zoukankan      html  css  js  c++  java
  • CodeIgniter(CI)框架中的验证码

    在CodeIgniter框架中,CI本身自带了验证码,但是查看文档的时候,发现:

    需要新建一个表,用来存储验证码信息。因为习惯了session存储验证码信息,所以我把我认为比较好看的验证码应用在了CI的框架中。

    在 CodeIgniter/application/libraries/ 目录下,新建一个文件 取名 captcha.php.

      1 <?php
      2 defined('BASEPATH') OR exit('No direct script access allowed');
      3 
      4 class Captcha {
      5     protected $config = array(
      6         'seKey'     =>  'Zell Dincht',   // 验证码加密密钥
      7         'codeSet'   =>  '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY',             // 验证码字符集合
      8         'expire'    =>  1800,            // 验证码过期时间(s)
      9         'useZh'     =>  false,           // 使用中文验证码 
     10         'zhSet'     =>  '们以我到他会作时要动国产的一是工就年阶义发成部民可出能方进在了不和有大这主中人上为来分生对于学下级地个用同行面说种过命度革而多子后自社加小机也经力线本电高量长党得实家定深法表着水理化争现所二起政三好十战无农使性前等反体合斗路图把结第里正新开论之物从当两些还天资事队批点育重其思与间内去因件日利相由压员气业代全组数果期导平各基或月毛然如应形想制心样干都向变关问比展那它最及外没看治提五解系林者米群头意只明四道马认次文通但条较克又公孔领军流入接席位情运器并飞原油放立题质指建区验活众很教决特此常石强极土少已根共直团统式转别造切九你取西持总料连任志观调七么山程百报更见必真保热委手改管处己将修支识病象几先老光专什六型具示复安带每东增则完风回南广劳轮科北打积车计给节做务被整联步类集号列温装即毫知轴研单色坚据速防史拉世设达尔场织历花受求传口断况采精金界品判参层止边清至万确究书术状厂须离再目海交权且儿青才证低越际八试规斯近注办布门铁需走议县兵固除般引齿千胜细影济白格效置推空配刀叶率述今选养德话查差半敌始片施响收华觉备名红续均药标记难存测士身紧液派准斤角降维板许破述技消底床田势端感往神便贺村构照容非搞亚磨族火段算适讲按值美态黄易彪服早班麦削信排台声该击素张密害侯草何树肥继右属市严径螺检左页抗苏显苦英快称坏移约巴材省黑武培著河帝仅针怎植京助升王眼她抓含苗副杂普谈围食射源例致酸旧却充足短划剂宣环落首尺波承粉践府鱼随考刻靠够满夫失包住促枝局菌杆周护岩师举曲春元超负砂封换太模贫减阳扬江析亩木言球朝医校古呢稻宋听唯输滑站另卫字鼓刚写刘微略范供阿块某功套友限项余倒卷创律雨让骨远帮初皮播优占死毒圈伟季训控激找叫云互跟裂粮粒母练塞钢顶策双留误础吸阻故寸盾晚丝女散焊功株亲院冷彻弹错散商视艺灭版烈零室轻血倍缺厘泵察绝富城冲喷壤简否柱李望盘磁雄似困巩益洲脱投送奴侧润盖挥距触星松送获兴独官混纪依未突架宽冬章湿偏纹吃执阀矿寨责熟稳夺硬价努翻奇甲预职评读背协损棉侵灰虽矛厚罗泥辟告卵箱掌氧恩爱停曾溶营终纲孟钱待尽俄缩沙退陈讨奋械载胞幼哪剥迫旋征槽倒握担仍呀鲜吧卡粗介钻逐弱脚怕盐末阴丰雾冠丙街莱贝辐肠付吉渗瑞惊顿挤秒悬姆烂森糖圣凹陶词迟蚕亿矩康遵牧遭幅园腔订香肉弟屋敏恢忘编印蜂急拿扩伤飞露核缘游振操央伍域甚迅辉异序免纸夜乡久隶缸夹念兰映沟乙吗儒杀汽磷艰晶插埃燃欢铁补咱芽永瓦倾阵碳演威附牙芽永瓦斜灌欧献顺猪洋腐请透司危括脉宜笑若尾束壮暴企菜穗楚汉愈绿拖牛份染既秋遍锻玉夏疗尖殖井费州访吹荣铜沿替滚客召旱悟刺脑措贯藏敢令隙炉壳硫煤迎铸粘探临薄旬善福纵择礼愿伏残雷延烟句纯渐耕跑泽慢栽鲁赤繁境潮横掉锥希池败船假亮谓托伙哲怀割摆贡呈劲财仪沉炼麻罪祖息车穿货销齐鼠抽画饲龙库守筑房歌寒喜哥洗蚀废纳腹乎录镜妇恶脂庄擦险赞钟摇典柄辩竹谷卖乱虚桥奥伯赶垂途额壁网截野遗静谋弄挂课镇妄盛耐援扎虑键归符庆聚绕摩忙舞遇索顾胶羊湖钉仁音迹碎伸灯避泛亡答勇频皇柳哈揭甘诺概宪浓岛袭谁洪谢炮浇斑讯懂灵蛋闭孩释乳巨徒私银伊景坦累匀霉杜乐勒隔弯绩招绍胡呼痛峰零柴簧午跳居尚丁秦稍追梁折耗碱殊岗挖氏刃剧堆赫荷胸衡勤膜篇登驻案刊秧缓凸役剪川雪链渔啦脸户洛孢勃盟买杨宗焦赛旗滤硅炭股坐蒸凝竟陷枪黎救冒暗洞犯筒您宋弧爆谬涂味津臂障褐陆啊健尊豆拔莫抵桑坡缝警挑污冰柬嘴啥饭塑寄赵喊垫丹渡耳刨虎笔稀昆浪萨茶滴浅拥穴覆伦娘吨浸袖珠雌妈紫戏塔锤震岁貌洁剖牢锋疑霸闪埔猛诉刷狠忽灾闹乔唐漏闻沈熔氯荒茎男凡抢像浆旁玻亦忠唱蒙予纷捕锁尤乘乌智淡允叛畜俘摸锈扫毕璃宝芯爷鉴秘净蒋钙肩腾枯抛轨堂拌爸循诱祝励肯酒绳穷塘燥泡袋朗喂铝软渠颗惯贸粪综墙趋彼届墨碍启逆卸航衣孙龄岭骗休借',              // 中文验证码字符串
     11         'useImgBg'  =>  false,           // 使用背景图片 
     12         'fontSize'  =>  25,              // 验证码字体大小(px)
     13         'useCurve'  =>  true,            // 是否画混淆曲线
     14         'useNoise'  =>  true,            // 是否添加杂点  
     15         'imageH'    =>  0,               // 验证码图片高度
     16         'imageW'    =>  0,               // 验证码图片宽度
     17         'length'    =>  5,               // 验证码位数
     18         'fontttf'   =>  '1.ttf',              // 验证码字体,不设置随机获取
     19         'bg'        =>  array(243, 251, 254),  // 背景颜色
     20         'reset'     =>  true,           // 验证成功后是否重置
     21         );
     22 
     23     private $_image   = NULL;     // 验证码图片实例
     24     private $_color   = NULL;     // 验证码字体颜色
     25 
     26     private $CI       = NULL;
     27 
     28     /**
     29      * 架构方法 设置参数
     30      * @access public     
     31      * @param  array $config 配置参数
     32      */    
     33     public function __construct($config=array()){
     34         $this->CI =& get_instance();
     35         $this->CI->load->library('session');
     36         $this->config   =   array_merge($this->config, $config);
     37     }
     38 
     39     /**
     40      * 使用 $this->name 获取配置
     41      * @access public     
     42      * @param  string $name 配置名称
     43      * @return multitype    配置值
     44      */
     45     public function __get($name) {
     46         return $this->config[$name];
     47     }
     48 
     49     /**
     50      * 设置验证码配置
     51      * @access public     
     52      * @param  string $name 配置名称
     53      * @param  string $value 配置值     
     54      * @return void
     55      */
     56     public function __set($name,$value){
     57         if(isset($this->config[$name])) {
     58             $this->config[$name]    =   $value;
     59         }
     60     }
     61 
     62     /**
     63      * 检查配置
     64      * @access public     
     65      * @param  string $name 配置名称
     66      * @return bool
     67      */
     68     public function __isset($name){
     69         return isset($this->config[$name]);
     70     }
     71 
     72     /**
     73      * 验证验证码是否正确
     74      * @access public
     75      * @param string $code 用户验证码
     76      * @param string $id 验证码标识     
     77      * @return bool 用户验证码是否正确
     78      */
     79     public function validate($code, $id = '') {
     80         $key = $this->authcode($this->seKey).$id;
     81         // 验证码不能为空
     82         $secode = $this->CI->session->userdata($key);
     83         if(empty($code) || empty($secode)) {
     84             return false;
     85         }
     86         // session 过期
     87         if(NOW_TIME - $secode['verify_time'] > $this->expire) {
     88             $this->CI->session->unset_userdata($key);
     89             return false;
     90         }
     91 
     92         if($this->authcode(strtoupper($code)) == $secode['verify_code']) {
     93             $this->reset && $this->CI->session->unset_userdata($key);
     94             return true;
     95         }
     96 
     97         return false;
     98     }
     99 
    100     /**
    101      * 输出验证码并把验证码的值保存的session中
    102      * 验证码保存到session的格式为: array('verify_code' => '验证码值', 'verify_time' => '验证码创建时间');
    103      * @access public     
    104      * @param string $id 要生成验证码的标识   
    105      * @return void
    106      */
    107     public function generate($id = '') {
    108         // 图片宽(px)
    109         $this->imageW || $this->imageW = $this->length*$this->fontSize*1.5 + $this->length*$this->fontSize/2; 
    110         // 图片高(px)
    111         $this->imageH || $this->imageH = $this->fontSize * 2.5;
    112         // 建立一幅 $this->imageW x $this->imageH 的图像
    113         $this->_image = imagecreate($this->imageW, $this->imageH); 
    114         // 设置背景      
    115         imagecolorallocate($this->_image, $this->bg[0], $this->bg[1], $this->bg[2]); 
    116 
    117         // 验证码字体随机颜色
    118         $this->_color = imagecolorallocate($this->_image, mt_rand(1,150), mt_rand(1,150), mt_rand(1,150));
    119         // 验证码使用随机字体
    120         $ttfPath = config_item('fonts_path');
    121 
    122         if(empty($this->fontttf)){
    123             $dir = dir($ttfPath);
    124             $ttfs = array();        
    125             while (false !== ($file = $dir->read())) {
    126                 if($file[0] != '.' && substr($file, -4) == '.ttf') {
    127                     $ttfs[] = $file;
    128                 }
    129             }
    130             $dir->close();
    131             $this->fontttf = $ttfs[array_rand($ttfs)];
    132         } 
    133         $this->fontttf = $ttfPath . $this->fontttf;
    134         
    135         if($this->useImgBg) {
    136             $this->_background();
    137         }
    138         
    139         if ($this->useNoise) {
    140             // 绘杂点
    141             $this->_writeNoise();
    142         } 
    143         if ($this->useCurve) {
    144             // 绘干扰线
    145             $this->_writeCurve();
    146         }
    147         
    148         // 绘验证码
    149         $code = array(); // 验证码
    150         $codeNX = 0; // 验证码第N个字符的左边距
    151         if($this->useZh){ // 中文验证码
    152             for ($i = 0; $i<$this->length; $i++) {
    153                 $code[$i] = iconv_substr($this->zhSet,floor(mt_rand(0,mb_strlen($this->zhSet,'utf-8')-1)),1,'utf-8');
    154                 imagettftext($this->_image, $this->fontSize, mt_rand(-40, 40), $this->fontSize*($i+1)*1.5, $this->fontSize + mt_rand(10, 20), $this->_color, $this->fontttf, $code[$i]);
    155             }
    156         }else{
    157             for ($i = 0; $i<$this->length; $i++) {
    158                 $code[$i] = $this->codeSet[mt_rand(0, strlen($this->codeSet)-1)];
    159                 $codeNX  += mt_rand($this->fontSize*1.2, $this->fontSize*1.6);
    160                 imagettftext($this->_image, $this->fontSize, mt_rand(-40, 40), $codeNX, $this->fontSize*1.6, $this->_color, $this->fontttf, $code[$i]);
    161             }
    162         }
    163        
    164         // 保存验证码
    165         $key        =   $this->authcode($this->seKey);
    166         $code       =   $this->authcode(strtoupper(implode('', $code)));
    167         $secode     =   array();
    168         $secode['verify_code'] = $code; // 把校验码保存到session
    169         $secode['verify_time'] = NOW_TIME;  // 验证码创建时间
    170         $this->CI->session->set_userdata($key.$id, $secode);
    171                         
    172         header('Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate');
    173         header('Cache-Control: post-check=0, pre-check=0', false);      
    174         header('Pragma: no-cache');
    175         header("content-type: image/png");
    176 
    177         // 输出图像
    178         imagepng($this->_image);
    179         imagedestroy($this->_image);
    180     }
    181 
    182     /** 
    183      * 画一条由两条连在一起构成的随机正弦函数曲线作干扰线(你可以改成更帅的曲线函数) 
    184      *      
    185      *      高中的数学公式咋都忘了涅,写出来
    186      *      正弦型函数解析式:y=Asin(ωx+φ)+b
    187      *      各常数值对函数图像的影响:
    188      *        A:决定峰值(即纵向拉伸压缩的倍数)
    189      *        b:表示波形在Y轴的位置关系或纵向移动距离(上加下减)
    190      *        φ:决定波形与X轴位置关系或横向移动距离(左加右减)
    191      *        ω:决定周期(最小正周期T=2π/∣ω∣)
    192      *
    193      */
    194     private function _writeCurve() {
    195         $px = $py = 0;
    196         
    197         // 曲线前部分
    198         $A = mt_rand(1, $this->imageH/2);                  // 振幅
    199         $b = mt_rand(-$this->imageH/4, $this->imageH/4);   // Y轴方向偏移量
    200         $f = mt_rand(-$this->imageH/4, $this->imageH/4);   // X轴方向偏移量
    201         $T = mt_rand($this->imageH, $this->imageW*2);  // 周期
    202         $w = (2* M_PI)/$T;
    203                         
    204         $px1 = 0;  // 曲线横坐标起始位置
    205         $px2 = mt_rand($this->imageW/2, $this->imageW * 0.8);  // 曲线横坐标结束位置
    206 
    207         for ($px=$px1; $px<=$px2; $px = $px + 1) {
    208             if ($w!=0) {
    209                 $py = $A * sin($w*$px + $f)+ $b + $this->imageH/2;  // y = Asin(ωx+φ) + b
    210                 $i = (int) ($this->fontSize/5);
    211                 while ($i > 0) {    
    212                     imagesetpixel($this->_image, $px + $i , $py + $i, $this->_color);  // 这里(while)循环画像素点比imagettftext和imagestring用字体大小一次画出(不用这while循环)性能要好很多               
    213                     $i--;
    214                 }
    215             }
    216         }
    217         
    218         // 曲线后部分
    219         $A = mt_rand(1, $this->imageH/2);                  // 振幅        
    220         $f = mt_rand(-$this->imageH/4, $this->imageH/4);   // X轴方向偏移量
    221         $T = mt_rand($this->imageH, $this->imageW*2);  // 周期
    222         $w = (2* M_PI)/$T;      
    223         $b = $py - $A * sin($w*$px + $f) - $this->imageH/2;
    224         $px1 = $px2;
    225         $px2 = $this->imageW;
    226 
    227         for ($px=$px1; $px<=$px2; $px=$px+ 1) {
    228             if ($w!=0) {
    229                 $py = $A * sin($w*$px + $f)+ $b + $this->imageH/2;  // y = Asin(ωx+φ) + b
    230                 $i = (int) ($this->fontSize/5);
    231                 while ($i > 0) {            
    232                     imagesetpixel($this->_image, $px + $i, $py + $i, $this->_color);    
    233                     $i--;
    234                 }
    235             }
    236         }
    237     }
    238 
    239     /**
    240      * 画杂点
    241      * 往图片上写不同颜色的字母或数字
    242      */
    243     private function _writeNoise() {
    244         $codeSet = '2345678abcdefhijkmnpqrstuvwxyz';
    245         for($i = 0; $i < 10; $i++){
    246             //杂点颜色
    247             $noiseColor = imagecolorallocate($this->_image, mt_rand(150,225), mt_rand(150,225), mt_rand(150,225));
    248             for($j = 0; $j < 5; $j++) {
    249                 // 绘杂点
    250                 imagestring($this->_image, 5, mt_rand(-10, $this->imageW),  mt_rand(-10, $this->imageH), $codeSet[mt_rand(0, 29)], $noiseColor);
    251             }
    252         }
    253     }
    254 
    255     /**
    256      * 绘制背景图片
    257      * 注:如果验证码输出图片比较大,将占用比较多的系统资源
    258      */
    259     private function _background() {
    260         $path = config_item('fonts_path').'/bgs/';
    261         $dir = dir($path);
    262 
    263         $bgs = array();     
    264         while (false !== ($file = $dir->read())) {
    265             if($file[0] != '.' && substr($file, -4) == '.jpg') {
    266                 $bgs[] = $path . $file;
    267             }
    268         }
    269         $dir->close();
    270 
    271         $gb = $bgs[array_rand($bgs)];
    272 
    273         list($width, $height) = @getimagesize($gb);
    274         // Resample
    275         $bgImage = @imagecreatefromjpeg($gb);
    276         @imagecopyresampled($this->_image, $bgImage, 0, 0, 0, 0, $this->imageW, $this->imageH, $width, $height);
    277         @imagedestroy($bgImage);
    278     }
    279 
    280     /* 加密验证码 */
    281     private function authcode($str){
    282         $key = substr(md5($this->seKey), 5, 8);
    283         $str = substr(md5($str), 8, 10);
    284         return md5($key . $str);
    285     }
    286 
    287 }
    View Code

    上面就是验证码,但是因为验证码需要应用到 ttf 后缀的字体,所以这个字体需要准备,captcha.php 中还可以应用中文验证码,所以需要中文的 ttf 字体。

    我在配置文件config.php中,进行了如下的配置:

     1 $config['fonts_path'] = BASEPATH . 'fonts/'; 

    对于BASEPATH 这个常量,可以在CodeIgniter/index.php中进行查找,并了解到它的路径。

    所以字体文件夹的路径为: CodeIgniter/system/fonts/

    在fonts文件夹下,还有bgs(验证码背景设置的图片,大小为200*80)目录和zhttfs(中文字体)目录,建议不更改目录结构,如果要更改,需要到captcha.php中对中文字体路径,英文字体路径,bgs目录的路径都都进行设置,这个需要看一下源码。

    还需要设置一下常量:在captcha.php中有个常量NOW_TIME, 我定义在CodeIgniter/application/config/constants.php 中,是这个常量的值为,

     1 defined('NOW_TIME') OR define('NOW_TIME', time()); 

    验证码的生成:

     1 public function generate_captcha()
     2     {
     3         $this->load->library('captcha');
     4         // 英文
     5         // $config = [
     6         //     'seKey'     =>  'Zell Dincht',          // 验证码加密密钥
     7         //     'codeSet'   =>  '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY',             // 验证码字符集合
     8         //     'expire'    =>  1800,                   // 验证码过期时间(s)
     9         //     'useZh'     =>  FALSE,                  // 使用中文验证码 
    10         //     'useImgBg'  =>  FALSE,                  // 使用背景图片 
    11         //     'fontSize'  =>  16,                     // 验证码字体大小(px)
    12         //     'useCurve'  =>  TRUE,                   // 是否画混淆曲线
    13         //     'useNoise'  =>  FALSE,                  // 是否添加杂点  
    14         //     'imageW'    =>  0,                      // 验证码图片宽度
    15         //     'imageH'    =>  40,                     // 验证码图片高度
    16         //     'length'    =>  3,                      // 验证码位数
    17         //     'fontttf'   =>  '7.ttf',                // 验证码字体,不设置随机获取
    18         //     'bg'        =>  array(243, 251, 254),   // 背景颜色
    19         //     'reset'     =>  TRUE,                   // 验证成功后是否重置
    20         // ];
    21         // 中文
    22         $config = [
    23             'seKey'     =>  'Zell Dincht',          // 验证码加密密钥
    24             'codeSet'   =>  '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY',             // 验证码字符集合
    25             'expire'    =>  1800,                   // 验证码过期时间(s)
    26             'useZh'     =>  TRUE,                   // 使用中文验证码 
    27             'useImgBg'  =>  FALSE,                  // 使用背景图片 
    28             'fontSize'  =>  16,                     // 验证码字体大小(px)
    29             'useCurve'  =>  TRUE,                   // 是否画混淆曲线
    30             'useNoise'  =>  FALSE,                  // 是否添加杂点  
    31             'imageW'    =>  0,                      // 验证码图片宽度
    32             'imageH'    =>  40,                     // 验证码图片高度
    33             'length'    =>  3,                      // 验证码位数
    34             'fontttf'   =>  'zhttfs/fzstk.ttf',     // 验证码字体,不设置随机获取
    35             'bg'        =>  array(243, 251, 254),   // 背景颜色
    36             'reset'     =>  TRUE,                   // 验证成功后是否重置
    37         ];
    38         $captcha = new Captcha($config);
    39         $captcha->generate();
    40 
    41     }

    验证码的校验:

     1         $this->load->library('captcha');
     2 
     3         if(!empty($code = $this->input->post('captcha'))) // 用户输入的验证码,根据逻辑,自行处理吧,大概就是这么个意思。
     4         {
     5             $captcha = new Captcha();
     6             $result = $captcha->validate($code);// 验证
     7             if($result) {
     8                 $data['success_info'] = '验证成功';
     9             }
    10         }

    CodeIgniter框架,个人感觉很简练,很轻量。

    告诉你,其实上面的验证码我是从ThinkPHP中的验证码源码“搬”到CI中的,我觉得ThinkPHP的验证码还蛮好看的。

    中文的效果:

    英文的效果:

    因为是从ThinkPHP中套过来,具体配置,可以参考ThinkPHP文档。

  • 相关阅读:
    Caliburn Micro 框架 WP8使用研究(二)页面导航
    Windows Phone 8 Fast Resume 快速恢复浅析(二)
    Caliburn Micro 框架 WP8使用研究(一)简介
    当BI迈入云端,分析云为我们带来了什么?
    解读SQL Server 2012中的最新BI功能
    一个典型的BI系统介绍
    SQL Server数据库服务器的负载均衡集群实现方法
    Web数据挖掘在电子商务中的应用
    2012商业智能发展趋势预测
    一个商业智能培训经理眼中的商业智能
  • 原文地址:https://www.cnblogs.com/Zell-Dinch/p/5101754.html
Copyright © 2011-2022 走看看