Captcha készítése

---

Szinte minden oldalon találkozhatunk már olyan képekkel melyek különböző karaktereket tartalmaznak, amiket a felhasználónak fel kell ismernie és beírni a megfelelő helyre, így kivédve a manapság igen kártékony bot-ok szemetelését.
Most az ilyen, úgynevezett captcha elkészítését és kezelését sajátíthatjuk el.

Hozzunk létre egy captcha.php nevű fájlt és nyissuk meg szerkesztésre. Ez a fájl lesz maga a kép.
A session_start() függvénnyel indítsunk egy munkamenetet. Ezután az str_shuffle() függvény segítségével, a billentyűzeten található összes betűt és számot, amik nem ékezetesek véletlen szerűen összekeverünk, majd a substr() függvénnyel levágjuk az első 6 karakterét. Ezután az egészet az strtoupper() fugvénnyel alakítsuk nagybetűssé és mentsük el a $text változóba.

<?php
session_start();
 
$text = strtoupper(substr(str_shuffle("0123456789qwertzuiopasdfghjklyxcvbnm"),0,6));
?>

Elértük, hogy a $text változó egy 6 számjegyű, véletlen generál karaktersort tartalmazzon.
Most el kell mentenünk ezt a számot egy $_SESSION változóba, hogy a cél oldalon is tudjuk a generált kódot, hogy a felhasználó által begépelt karaktersort le tudjuk ellenőrizni.

<?php
$_SESSION['captcha'] = $text;
?>

Most létrehozzuk a képet. Határozzuk meg a fejlécet, png képként. Ezután létrehozunk egy 200x50 px es képet utána pedig beállítjuk a hátterét fehérre.

Keressünk valami jó betűtípust, ami nem szabályos, egy robot számára nehezen felismerhető, de azért egy ember el tudja olvasni. Én a khand.ttf nevűt találtam, innen le tudod tölteni.

A $betu változóba adjuk meg a betűtípus elérési útvonalát, majd a $fekete változóba az imagecolorallocate() segítségével beállítunk egy fekete színt a szövegnek.

<?php
$betu = "khand.ttf";
$fekete = imagecolorallocate($image,0,0,0);
?>

Ha ez megvan akkor az imagettftext()-el tegyük rá a képre a $text tartalmát, próbáljuk úgy pozícionálni, hogy nagyjából a kép közepén legyen. Én kétszer is rátettem a szöveget, egymáshoz képest kicsit elcsúsztatva, így még jobban megnehezítve a bot dolgát

<?php
imagettftext($image,30,0,10,40,$fekete,$betu,$text);
imagettftext($image,30,0,16,46,$fekete,$betu,$text);
?>

Ha ez megvan már csak ki kell rajzolnunk a képet az imagepng()-vel

<?php
imagepng($image);
?>

Ha nem rontottunk el semmit valami ilyesmit kell kapnunk eredményül:


A captcha generálással készen is vagyunk. Hozzunk létre egy index.php-t és nyissuk meg.

Először megcsináljuk a formot és a captcha kirajzolását az oldalra.

<form action="index.php" method="post">
<img src="captcha.php">
<input type="text" name="captcha">
<input type="submit" value="ellenőriz">
</form>

Most menjünk a html kód elé és írjuk meg a PHP-t természetesen a jelek közé.
Itt is session_start()-al kezdünk, ezután megnézzük, hogy jött- post-olt captcha változó, ha igen megnézzük, hogy ez nagybetűssé alakítva megegyezik-e a $_SESSION['captcha'] -val, ha igen kiríjuk, hogy helyes kód, ellenkező esetben pedig, azt hogy hibás kód.

<?php
session_start();
if(isset($_POST['captcha'])){
	if(strtoupper($_POST['captcha'])==$_SESSION['captcha']){
		echo "helyes kód";
	}else{
		echo "hibás kód";
	}
}
?>

Ezzel meg is lennénk, nem egy nagy durranás, de igen hasznos, hogy kivédjük a robotok támadását :)

Teljes forrás - captcha.php (tesztelve):

<?php
 
session_start();
$text = strtoupper(substr(str_shuffle("0123456789qwertzuiopasdfghjklyxcvbnm"),0,6));
 
$_SESSION['captcha'] = $text;
 
 
header('Content-type: image/png');
$image = imagecreate(200,50);
imagecolorallocate($image,255,255,255);
 
$betu = "khand.ttf";
$fekete = imagecolorallocate($image,0,0,0);
 
 
imagettftext($image,30,0,10,40,$fekete,$betu,$text);
imagettftext($image,30,0,15,45,$fekete,$betu,$text);
 
imagepng($image);
 
?>

Teljes forrás - index.php (tesztelve):

<?php
session_start();
if(isset($_POST['captcha'])){
	if(strtoupper($_POST['captcha'])==$_SESSION['captcha']){
		echo "helyes kód";
	}else{
		echo "hibás kód";
	}
}
?>

<form action="index.php" method="post">
<img src="captcha.php">
<input type="text" name="captcha">
<input type="submit" value="ellenőriz">
</form>