該教程最初於10年前出版,已完全使用現代代碼來生成隨機驗證碼。討論線程中的許多評論是指過時的代碼。
自動化過程是編碼,利用計算機的速度和準確性的關鍵好處。但是,可能會濫用這種功能,例如垃圾郵件或密碼破裂等惡意活動。該教程著重於反垃圾郵件技術。
考慮一個帶有聯繫表的網站。儘管對於合法用戶來說很方便,但很容易受到自動垃圾郵件提交的影響。機器人可以通過垃圾郵件鏈接氾濫聯繫表,論壇或評論部分。
解決方案?將機器人與人類區分開的測試:與PHP形式集成的驗證碼。傳統的驗證碼在圖像中呈現扭曲的文本;人類可以閱讀它,但機器人通常不能。這將驗證用戶對原始驗證碼文本的輸入。 CAPTCHA代表“完全自動化的公共圖靈測試,以將計算機和人類分開。”
該教程演示了創建和集成驗證驗證碼為觸點表格。
創建驗證碼
我們將使用PHP GD庫。以前的教程涵蓋了GD的文本和形狀繪圖功能。我們還將為驗證碼生成一個隨機字符串。
該代碼位於captcha.php
中。 generate_string()
函數創建隨機字符串。原始generate_string()
函數已被更安全的random_int()
替換。
接下來,我們使用五種不同顏色生成驗證碼映像背景(200x50像素)。
隨機$red
, $green
和$blue
值決定了基本顏色。循環會產生深色的陰影,並存儲在$colors
數組中。最輕的顏色充滿了背景,隨後的矩形增加了複雜性。
最後,我們將隨機字符串繪製到背景上。字母顏色,Y坐標和旋轉是隨機的,以增加難度。
下載的字體提供字符變化。添加了填充(15個像素),其餘空間均勻地分配在字符之間。
將驗證碼集成到觸點表格
現在,讓我們將驗證碼集成到觸點表格中(假設您有一個已有的聯繫表格)。我們將使用會話存儲和驗證驗證碼文本。
完整的captcha.php
代碼:
在您的聯繫表中的“發送消息”按鈕上方添加此HTML:
<div class="elem-group"> <label for="captcha">請輸入驗證碼文字</label> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/" class="lazy" alt="在PHP中創建自定義驗證碼和聯繫表"> <i class="fas fa-redo refresh-captcha"></i> </div>
添加此JavaScript以允許刷新驗證碼:
var refreshbutton = document.queryselector(“。refresh-captcha”); refreshbutton.onclick = function(){ document.queryselector(“。” Captcha-Image)。src ='catpcha.php?' date.now(); };
最後,更新您的聯繫表格處理腳本( contact.php
)以驗證驗證碼:
您輸入了不正確的驗證碼。 '; } } 別的 { 迴聲'<p>出了點問題</p>'; } ?>
這檢查用戶的輸入是否與會話存儲的驗證碼文本匹配。
結論
本教程創建了自定義的PHP驗證碼,並將其集成到觸點表格中,並通過刷新按鈕增強了安全性和用戶體驗。您可以適應它以使用不同的驗證碼方法,例如數學問題。有關更高級的功能,請考慮使用CodeCanyon的插件。
以上是在PHP中創建自定義驗證碼和聯繫表的詳細內容。更多資訊請關注PHP中文網其他相關文章!