CodeIgniter(CI)框架中的驗證碼

時間 2019-11-17

原文原文鏈接

在CodeIgniter框架中，CI自己自帶了驗證碼，可是查看文檔的時候，發現：php

須要新建一個表，用來存儲驗證碼信息。由於習慣了session存儲驗證碼信息，因此我把我認爲比較好看的驗證碼應用在了CI的框架中。session

在 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 字體。app

我在配置文件config.php中，進行了以下的配置：框架

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

對於BASEPATH 這個常量，能夠在CodeIgniter/index.php中進行查找，並瞭解到它的路徑。函數

因此字體文件夾的路徑爲： CodeIgniter/system/fonts/post

在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         }