Данная статья описывает механизм защиты сайта от спама при помощи каптчи. В статье приведен код PHP, реализующий данную защиту, ориентированный на начинающих программистов.
МЕХАНИЗМ ЗАЩИТЫ САЙТА ОТ СПАМА ПРИ ПОМОЩИ КАПТЧИ
Если в интернете есть сайт, который зарегистрирован в поисковых системах, и если на этом сайте есть страница, на которой посетитель может ввести какие-либо данные, то данный сайт, несомненно, будет подвергаться попыткам спама. Целью данного спама является размещение текста рекламного характера, поэтому, на каждом блоге, где есть возможность оставить комментарии, в каждой гостевой книге, в каждом форуме будут наблюдаться попытки оставить сообщение рекламного характера.
Для защиты от подобного спама и применяются так называемые каптчи. Вообще говоря, каптча - это небольшой графический рисунок, на котором нарисованы (именно нарисованы!) несколько букв и/или цифр и смысл защиты состоит в том, чтобы вынудить посетителя сайта, желающего оставить сообщение, ввести изображенные на рисунке буквы и цифры. Сегодня под термином “каптча” скрывается не только изображение с несколькими буквами, а целый ряд различных изощренных (очень часто излишне изощренных) методов ограничения сообщений посетителей сайта. Это может быть и рисунок (с подписью “что изображено на рисунке?”), это может быть и текстовый вопрос (например, “какой сейчас год?”). Как бы то нибыло, но посетителя сайта просят ответить на вопрос, ответ на который не может дать компьютер или вообще может дать лишь узкий круг людей - целевых посетителей.
Основная проблема состоит в том, что подавляющее большинство сообщений рекламного характера публикуют не люди, а автоматизированные программы и, стало быть, можно избавиться от спама задав посетителю какой-либо нестандартный вопрос - ведь на него-то компьютер и не сможет ответить.
Это, можно сказать, первый уровень защиты, и он необходим во всех случаях, даже если речь идет о сайте, который посещает всего несколько человек в день. Но если сайт очень популярен и каждый день его странички просматривают тысячи людей, то ценность рекламного сообщения на нем значительно возрастает, поэтому, может быть полезна защита также и от реальных людей, которые оставят сообщение вручную. В этом случае применяется, как правило, текстовая каптча, содержащая вопрос, ответ на который знают только постоянные посетители, например, у желающего высказаться можно спросить об имени автора сайта. Перед тем, как применять данную защиту следует дважды подумать: ведь около 93% (по мнению автора) всех сообщений рассылаются автоматизированными программами, от которых есть защиты попроще и которые позволят посетителям сайта высказать свое мнение без лишней раздражительности.
Еще один метод защиты (я его не проверял, но должен работать) - это изменить названия полей в форме. Робот, осуществляющий постинг спама, ориентируется в первую очередь на названия полей в форме, поэтому можно написать, например, такую форму:
-
Имя: <input type="text" name="field1"><br>
-
Сообщение: <input type="text" name="field2"><br>
-
<input type="text" name="login"><input type="text" name="message">
Последние два поля (login и message) скрываются css или JavaScript. При этом бот будет заполнять именно эти поля, а не field1 и field2 и, получив форму, можно принимать пост только в том случае, если поля login и message пустые.
Лично я считаю, что просто необходимо применять каптчи, позволяющие защититься от ботов (программ) и не рекомендует выдумывать каптчи, которые должны отсеивать всех, кто не из “нашей песочницы”, поэтому далее рассмотрен механизм защиты именно от ботов при помощи обычной графической каптчи.
Принцип работы основан на следующем: сначало генерируется код каптчи, состоящий из нескольких букв и/или цифр, затем создается небольшой рисунок, на котором вырисовываются код каптчи. после этого данный рисунок отсылается клиенту в браузер вместе с формой ввода какого-либо текста (например, сообщения гостевой книги). Пользователь заполняет все поля формы, в том числе и вводит текст, изображенный на рисунке и отсылает данные на сайт. Теперь сервер просто сравнивает известный ему код каптчи (он сохраняется в сессии) с тем, что ввел пользователь и вот уже можно судить о том, человек его ввел или компьютер.
Скрипт простой и эффективной каптчи
Теперь попробуем реализовать это на практике. Для примера возьмем видоизмененный скрипт KCAPTCHA 1.2.6.
Наша каптча будет реализована следующим образом… Основная работа будет проводиться в файле captcha.php. Этот файл генерирует код и создает рисунок. Чтобы не заворачиваться с создаваемыми файлами, в которые будет записываться создаваемый рисунок, скрипт captcha.php будет отсылать данные непосредственно в браузер, поэтому мы и будем вставлять этот рисунок в тег <img>.
Данный скрипт также помещает в сессию код каптчи в переменную CaptchaKey. Второй файл - test.php, будет содержать форму ввода и скрипт проверки. Очень полезным свойством данной каптчи является то, что она не пишет текст на создаваемом рисунке, а просто накладывает на него буквы из специально подготовленного алфавита (для этого созданы рисунки в файле /fonts). Это означает, что для работы каптчи не требуется библиотек работы с шрифтами (Libttf, ImageMagic), которые установлены не у всех хостеров.
Итак, сначала представим форму ввода:
-
<form action="" method="POST">
-
<input type="hidden" name="formfill" value=1>
-
<img src="captcha.php"><br>
-
Введите изображенный на рисунке текст: <input type="text" name="capt"><br>
-
<input type="submit">
-
</form>
Тут все элементарно: скрипт, как уже говорилось, открывает сессию, генерирует код каптчи, сохраняет этот код в сессии, генерирует рисунок и выводит его в браузер, а тег <img> вставляет этот рисунок в html-страницу.
Чтобы сразу закончить с файлом test.php дополним его скриптом проверки. Вот полный код test.php:
-
<?php
-
session_start();
-
if(isset($_POST[‘formfill’])) { //Форма уже была заполнена
-
if(!$_SESSION[‘CaptchaKey’]) die(‘Проверочный код введен неверно. Возможно, отключены cookies’);
-
if($_SESSION[‘CaptchaKey’] && $_POST[‘capt’]!=$_SESSION[‘CaptchaKey’]) die(‘Проверочный код введен неверно!’);
-
echo ‘Код правильный!!!’;
-
$_POST[‘capt’]=”;
-
}
-
?>
-
<form action="" method="POST">
-
<input type="hidden" name="formfill" value=1>
-
<img src="captcha.php"><br>
-
Введите изображенный на рисунке текст: <input type="text" name="capt"><br>
-
<input type="submit">
-
</form>
Во второй строке осуществляется запуск механизма сессий. Данная команда необходима для доступа к переменной $_SESSION['CaptchaKey'].
Обратите внимание на 4ю строку - в ней происходит проверка присвоено ли вообще какое-то значение переменной в сессии. Дело в том, что для того, чтобы сервер “узнал” браузер посетителя и мог сопоставить ему сессию, в которой хранится нужная нам переменная CaptchaKey, ему необходимо получить от браузера идентификатор сессии, который обычно передается через куки. Поэтому, если cookie отключены, то механизм сессий может оказаться нерабочим. В результате если ничего не вводить в форму, то равенство $_POST['capt']==$_SESSION['CaptchaKey'] окажется верным.
Теперь рассмотрим основной скрипт, за которым и скрывается вся основная работа. Вот его полный код:
-
<?php
-
define(PATH,str_replace(‘captcha.php’,‘fonts/’,__FILE__));
-
-
$alphabet="0123456789abcdefghijklmnopqrstuvwxyz";
-
$s="23456789abcdeghkmnpqsuvxyz"; #alphabet without similar symbols (o=0, 1=l, i=j, t=f)
-
$alphabet_length=strlen($alphabet);
-
do {
-
// generating random keystring
-
$length=mt_rand(5,6);
-
while(true) {
-
$CaptchaKey=”;
-
for($i=0;$i<$length;$i++) $CaptchaKey.=$s{mt_rand(0,strlen($s)-1)};
-
if(!preg_match(‘/cp|cb|ck|c6|c9|rn|rm|mm|co|do|cl|db|qp|qb|dp|ww/’,$CaptchaKey)) break;
-
}
-
session_register($CaptchaKey);
-
$_SESSION[‘CaptchaKey’]=$CaptchaKey;
-
$fonts=array();
-
if($handle=opendir(PATH)) {
-
while(false!==($file=readdir($handle)))
-
if(preg_match(‘/.png$/i’,$file)) $fonts[]=PATH.$file;
-
closedir($handle);
-
}
-
$s=$fonts[mt_rand(0,count($fonts)-1)];
-
$font=imagecreatefrompng($s);
-
imagealphablending($font,true);
-
$fontfile_width=imagesx($font);
-
$fontfile_height=imagesy($font)-1;
-
$font_metrics=array();
-
$symbol=0;
-
$reading_symbol=false;
-
// loading font
-
for($i=0;$i<$fontfile_width && $symbol<$alphabet_length;$i++) {
-
$transparent=(imagecolorat($font,$i,0)>>24)==127;
-
if(!$reading_symbol && !$transparent) {
-
$font_metrics[$alphabet{$symbol}]=array(’start’=>$i);
-
$reading_symbol=true;
-
continue;
-
}
-
if($reading_symbol && $transparent){
-
$font_metrics[$alphabet{$symbol}][‘end’]=$i;
-
$reading_symbol=false;
-
$symbol++;
-
continue;
-
}
-
}
-
-
$width=120;
-
$height=60;
-
$img=imagecreatetruecolor($width,$height);
-
imagealphablending($img,true);
-
$white=imagecolorallocate($img,255,255,255);
-
$black=imagecolorallocate($img,0,0,0);
-
imagefilledrectangle($img,0,0,$width-1,$height-1,$white);
-
//draw text
-
$x=1;
-
for($i=0;$i<$length;$i++) {
-
$m=$font_metrics[$CaptchaKey{$i}];
-
$y=mt_rand(-$fluctuation_amplitude, $fluctuation_amplitude)+($height-$fontfile_height)/2+2;
-
$shift=0;
-
if($i>0) {
-
$shift=10000;
-
for($sy=7;$sy<$fontfile_height-20;$sy+=1) {
-
for($sx=$m[’start’]-1;$sx<$m[‘end’];$sx+=1) {
-
$rgb=imagecolorat($font,$sx,$sy);
-
$opacity=$rgb>>24;
-
if($opacity<127) {
-
$left=$sx-$m[’start’]+$x;
-
$py=$sy+$y;
-
if($py>$height) break;
-
for($px=min($left,$width-1);$px>$left-12 && $px>=0;$px-=1) {
-
$color=imagecolorat($img, $px, $py) & 0xff;
-
if($color+$opacity<190) {
-
if($shift>$left-$px) $shift=$left-$px;
-
break;
-
}
-
}
-
break;
-
}
-
}
-
}
-
if($shift==10000) $shift=mt_rand(4,6);
-
}
-
imagecopy($img,$font,$x-$shift,$y,$m[’start’],1,$m[‘end’]-$m[’start’],$fontfile_height);
-
$x+=$m[‘end’]-$m[’start’]-$shift;
-
}
-
} while($x>=$width-10); // while not fit in canvas
-
-
$center=$x/2;
-
$foreground_color = array(mt_rand(0,100), mt_rand(0,100), mt_rand(0,100));
-
$background_color = array(mt_rand(200,255), mt_rand(200,255), mt_rand(200,255));
-
$img2=imagecreatetruecolor($width,$height);
-
$foreground=imagecolorallocate($img2, $foreground_color[0], $foreground_color[1], $foreground_color[2]);
-
$background=imagecolorallocate($img2, $background_color[0], $background_color[1], $background_color[2]);
-
imagefilledrectangle($img2, 0, 0, $width-1, $height-1, $background);
-
imagefilledrectangle($img2, 0, $height, $width-1, $height+12, $foreground);
-
-
// periods
-
$rand1=mt_rand(750000,1200000)/10000000;
-
$rand2=mt_rand(750000,1200000)/10000000;
-
$rand3=mt_rand(750000,1200000)/10000000;
-
$rand4=mt_rand(750000,1200000)/10000000;
-
// phases
-
$rand5=mt_rand(0,31415926)/10000000;
-
$rand6=mt_rand(0,31415926)/10000000;
-
$rand7=mt_rand(0,31415926)/10000000;
-
$rand8=mt_rand(0,31415926)/10000000;
-
// amplitudes
-
$rand9=mt_rand(330,420)/110;
-
$rand10=mt_rand(330,450)/110;
-
//wave distortion
-
for($x=0;$x<$width;$x++) {
-
for($y=0;$y<$height;$y++) {
-
$sx=$x+(sin($x*$rand1+$rand5)+sin($y*$rand3+$rand6))*$rand9-$width/2+$center+1;
-
$sy=$y+(sin($x*$rand2+$rand7)+sin($y*$rand4+$rand8))*$rand10;
-
if($sx<0 || $sy<0 || $sx>=$width-1 || $sy>=$height-1){
-
continue;
-
}else{
-
$color=imagecolorat($img, $sx, $sy) & 0xFF;
-
$color_x=imagecolorat($img, $sx+1, $sy) & 0xFF;
-
$color_y=imagecolorat($img, $sx, $sy+1) & 0xFF;
-
$color_xy=imagecolorat($img, $sx+1, $sy+1) & 0xFF;
-
}
-
if($color==255 && $color_x==255 && $color_y==255 && $color_xy==255){
-
continue;
-
}else if($color==0 && $color_x==0 && $color_y==0 && $color_xy==0){
-
$newred=$foreground_color[0];
-
$newgreen=$foreground_color[1];
-
$newblue=$foreground_color[2];
-
}else{
-
$frsx=$sx-floor($sx);
-
$frsy=$sy-floor($sy);
-
$frsx1=1-$frsx;
-
$frsy1=1-$frsy;
-
$newcolor=($color*$frsx1*$frsy1+$color_x*$frsx*$frsy1+$color_y
-
*$frsx1*$frsy+$color_xy*$frsx*$frsy);
-
if($newcolor>255) $newcolor=255;
-
$newcolor=$newcolor/255;
-
$newcolor0=1-$newcolor;
-
$newred=$newcolor0*$foreground_color[0]+$newcolor*$background_color[0];
-
$newgreen=$newcolor0*$foreground_color[1]+$newcolor*$background_color[1];
-
$newblue=$newcolor0*$foreground_color[2]+$newcolor*$background_color[2];
-
}
-
imagesetpixel($img2, $x, $y, imagecolorallocate($img2, $newred, $newgreen, $newblue));
-
}
-
}
-
-
header(‘Expires: Mon, 26 Jul 1997 05:00:00 GMT’);
-
header(‘Cache-Control: no-store, no-cache, must-revalidate’);
-
header(‘Cache-Control: post-check=0, pre-check=0′, FALSE);
-
header(‘Pragma: no-cache’);
-
if(function_exists("imagejpeg")) {
-
header("Content-Type: image/jpeg");
-
imagejpeg($img2,null,90);
-
} else if(function_exists("imagegif")) {
-
header("Content-Type: image/gif");
-
imagegif($img2);
-
} else if(function_exists("imagepng")) {
-
header("Content-Type: image/x-png");
-
imagepng($img2);
-
}
-
?>
В строках 2-6 происходит инициализация переменных, необходимых для дальнейшей работы скрипта.
В строках 8-14 происходит генерирование случайного кода каптчи (5 или 6 символов). При этом код проверяется на содержание неоднозначных символов (например, единицы и прописной L).
После того, как код сформирован, он помещается в сессию (строки 15-16).
Далее сканируется директорий /fonts и все найденные файлы с расширением .png помещаются в массив $fonst (строки 17-22), а в 22й строке выбирается (случайно) один из элементов этого массива.
Команда $font=imagecreatefrompng($s); создает PNG-изображение в оперативной памяти и назначает его идентификатор переменной $font. Команда imagealphablending сообщает, что при рисовании на изображении $font, цвет рисуемого пиксела будет получаться из совмещаения со цветом пиксела фона.
В строках 28-35 осуществляется формирование двумерного массива $font_metrics, содержащего координаты по оси X начала (”start”) и конца (”end”) каждого символа. Данная информация будет использоваться в дальнейшем при наложении букв.
Далее задается размер генерируемого изображения (120×60), происходит создание цвета “белый” и “черный” (строки 51-52) и заполнение рисунка $img, в котором, в последствии, будет рисоваться код каптчи.
В строках 55-85 происходит наложение частей изображения $fonts, соответствующих символам (посимвольно) кода каптчи на результатирующее изображение $img.
В строках 88-95 происходит следующее: сначала создаются случайные цвета $foreground и $background и создается новое изображение $img2. Далее на этом изображении вырисовывается прямоугольник. Теперь $img2 готов к тому, чтобы на него был наложен $img. Такие махинации необходимы для того, чтобы в строках 97-154 осуществить искривление изображения с целью сделать невозможным автоматическое распознование каптчи. За отсутствием необходимости подробно разбирать механизм искажения изображения не будем.
Далее, в строках 157-160 формируется и выдается в браузер заголовок html-страницы (этот заголовок должен быть послан в браузер до того, как на экран будет выведен какой-либо текст). Этот заголовок сообщает, что речь идет о рисунке, который запрещено кэшировать.
Ну и наконец строки 161-170 проверяют существование функций вывода изображения и выводят изображение в браузер в “сыром” виде (content-type: image).
Готовый скрипт проверки каптчи
На этом разбор скрипта каптчи закончен. Вы можете скачать архив скрипта каптчи вот тут: скачать готовый скрипт каптчи или же можете воспользоваться кучей других скриптов, коих в интернете полно.