建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
Captcha Genie轻松在网页上制作出图片验证码
发布日期:2011-02-15 阅读次数:703 字体大小:

大家都应该看过网络上有形形色色的图片验证码(Captcha),用来防止一些机器人程式恶意去网页上留言或註册,浪费系统的资源。但是如果你自己有开发网页程式,要如何在自己的网页上设计出又简单、又有效的验证码呢?阿正老师今天介绍一套相当方便的套件「Captcha Genie」(验证码精灵),就能轻松帮你制作出各式各样的验证码,PHP开发网页的玩家们不妨试试看喔!

CAPTCHA(英文全名为Completely Automated Public Turing Test to tell Computers and Humans Apart),中文译为「全自动区分计算机和人类的测试」,我们都常简称为「验证码」,是为了避免网路上的资源被一些自动程式所浪费,所以会以一些难辨识的图形、文字、算术来让使用者输入,以确认在电脑前的是人类。CAPTCHA有相当多种,而且难度也都不一,越复杂的就越难破解,但是也会造成使用者的负担,很容易产生一直输入失败的挫折感。因此有的CAPTCHA也加上了语音提示的功能,按下发音按钮后就会念出图片中的文字让你输入,例如常见的Google「reCAPTCHA」就是一种。

今天阿正老师要来介绍的这个Captcha Genie套件,就是一套相当简单又实用的PHP验证码套件,除了可以选择多种图片背景、字型之外,还可设定文字的长度、字型大小、颜色,或是以简单的数学运算式来做验证。

Captcha Genie官方网站:http://www.captchagenie.com/

一、安装方式

下载Captcha Genie主程式,解压缩到网页中某个文件夹,建议可解到网站的根目录中。解开后会产生一个captcha的资料夹,里面有几个档案:

其中我们需要修改的「configuration.php」这个就是设定档,其他的皆不用修改。

二、产生设定档

1.要修改设定档我们可以用一般的文字编辑器来编辑configuration.php,里面有完整的说明可以对照来修改。

 

2.如果你嫌麻烦,可以到官方网站上方点选「Customize」就可进入设定档的产生器页面。

画面左方有多种选项可以设定,完成后按下〔Save and Show〕按钮就可在画面右方看到验证码的显示结果,最后再按下「Download configuration file」将设定档下载下来,下载后取代原来的configuration.php即可。

  

有哪些細部的设置可以修改呢? 请看下文的第四步骤。

三、修改网页档

完成设定之后,修改你要出现图片验证码的网页,加上一段HTML码:

<div><img src=http://www.chinaz.com/Webbiz/Exp/"/captcha/code.php" id="captcha"></div>

如果你希望让使用者能重新整理验证码图片,可以加上一段:

<a href=http://www.chinaz.com/Webbiz/Exp/"#" onclick="document.getElementById('captcha').src = http://www.chinaz.com/Webbiz/Exp/document.getElementById('captcha').src + '?' + (new Date ()).getMilliseconds()"> 重新整理</a>

例如我的HTML写成这样:

网页显示的结果就是:

 

是不是相当简单呢?