原文鏈接:http://www.qqdeveloper.com/a/54.html
什么是驗證碼?
借用百度的解釋:驗證碼這個詞最早是在2002年由卡內基梅隆大學的路易斯·馮·安、Manuel Blum Nicholas J.Hopper以及IBM的John Langford所提出。卡內基梅隆大學曾試圖申請此詞使其成為注冊商標, 但該申請於2008年4月21日被拒絕。一種常用的CAPTCHA測試是讓用戶輸入一個扭曲變形的圖片上所顯示的文字或數字,扭曲變形是為了避免被光學字符識(OCR, Optical Character Recognition)之類的電腦程序自動辨識出圖片上的文數字而失去效果。由於這個測試是由計算機來考人類,而不是標准圖靈測試中那樣由人類來考計算機,人們有時稱CAPTCHA是一種反向圖靈測試。
常見的驗證碼哪些?
圖像類型、語音類型、視頻類型、短信類型等。下面分享幾種實際案例中的圖片示例。
使用驗證碼的好處在哪里?
要說到使用驗證碼的好處,這肯定是很多的,總結以下幾點。
-
防止惡意的破解密碼。如一些黑客為了獲取到用戶信息,通過不同的手段向服務器發送數據,驗證猜測用戶信息的准確性。
-
防止惡意的刷票,論壇灌水。這種在論壇中長期存在灌水的現象,比如貼吧,不斷發送帖子。現在百度貼吧已經針對用戶發帖的時間做了一個時間的限制,當一定時間內發帖過多是無法繼續發帖的。
-
防止惡意的請求。如用戶提交一個表單信息,通過不斷向后台請求數據信息造成服務器資源的浪費,以及惡意的攻擊。
-
趣味性。這一點屬於個人觀點,當我們提交表單的時候,如遇到一些有趣的驗證碼方式,能夠增強用戶對網站的喜愛程度。
-
獲取用戶信息。這一點在現目前的站點中是屢見不鮮的事情了。如我們注冊一個站點的賬號,需要通過手機驗證碼才可以注冊成功。網站在拿到用戶的電話號碼之后會給手機號主發送一些營銷信息。
環境配置
只需要本地安裝了PHP的GD擴展庫即可使用。如何查看呢,創建一個PHP文件在該文件中寫入<?php phpinfo();?>,訪問該文件,如果查看到了GD庫已經安裝了,則可以使用。沒有的,自行安裝,百度很多教程。
相關函數手冊參考PHP官方鏈接 http://php.net/manual/zh/ref.image.php
具體代碼實現
1.我們先創建一個html頁面顯示驗證碼
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登陸</title> </head> <body> <form action="./login.php" method="post"> <img src="image_captcha.php" onclick="this.src='image_captcha.php?'+new Date().getTime();" width="200" height="200"><br/> <input type="text" name="captcha" placeholder="請輸入圖片中的驗證碼"><br/> <input type="submit" value="驗證"> </form> </body> </html>
2.創建一個PHP文件,接受前端頁面傳入的驗證碼信息
<?php /** * 接受用戶登陸時提交的驗證碼 */ session_start(); //1. 獲取到用戶提交的驗證碼 $captcha = $_POST["captcha"]; //2. 將session中的驗證碼和用戶提交的驗證碼進行核對,當成功時提示驗證碼正確,並銷毀之前的session值,不成功則重新提交 if(strtolower($_SESSION["captchaimg"]) == strtolower($captcha)){ echo "驗證碼正確!"; $_SESSION["captcha"] = ""; }else{ echo "驗證碼提交不正確!"; }
3.創建驗證碼生成PHP文件
<?php /** * 字母+數字的驗證碼生成 */ // 開啟session session_start(); //1.創建黑色畫布 $image = imagecreatetruecolor(100, 30); //2.為畫布定義(背景)顏色 $bgcolor = imagecolorallocate($image, 255, 255, 255); //3.填充顏色 imagefill($image, 0, 0, $bgcolor); // 4.設置驗證碼內容 //4.1 定義驗證碼的內容 $content = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; //4.1 創建一個變量存儲產生的驗證碼數據,便於用戶提交核對 $captcha = ""; for ($i = 0; $i < 4; $i++) { // 字體大小 $fontsize = 10; // 字體顏色 $fontcolor = imagecolorallocate($image, mt_rand(0, 120), mt_rand(0, 120), mt_rand(0, 120)); // 設置字體內容 $fontcontent = substr($content, mt_rand(0, strlen($content)), 1); $captcha .= $fontcontent; // 顯示的坐標 $x = ($i * 100 / 4) + mt_rand(5, 10); $y = mt_rand(5, 10); // 填充內容到畫布中 imagestring($image, $fontsize, $x, $y, $fontcontent, $fontcolor); } $_SESSION["captcha"] = $captcha; //4.3 設置背景干擾元素 for ($$i = 0; $i < 200; $i++) { $pointcolor = imagecolorallocate($image, mt_rand(50, 200), mt_rand(50, 200), mt_rand(50, 200)); imagesetpixel($image, mt_rand(1, 99), mt_rand(1, 29), $pointcolor); } //4.4 設置干擾線 for ($i = 0; $i < 3; $i++) { $linecolor = imagecolorallocate($image, mt_rand(50, 200), mt_rand(50, 200), mt_rand(50, 200)); imageline($image, mt_rand(1, 99), mt_rand(1, 29), mt_rand(1, 99), mt_rand(1, 29), $linecolor); } //5.向瀏覽器輸出圖片頭信息 header('content-type:image/png'); //6.輸出圖片到瀏覽器 imagepng($image); //7.銷毀圖片 imagedestroy($image);
更改內容可以關注微信公眾號:小7帶你玩編程