Расширение помощника CAPTCHA для Codeigniter

в 11:50, , рубрики: codeigniter, php, метки: ,

Расширение помощника CAPTCHA для Codeigniter
Недавно, от наличия свободного времени и желания сделать что то полезное, решил написать расширение для убогого хелпера капчи в Codeigniter.

Если Вам доводилось иметь дело с данным помощником, то Вы наверняка знаете, что он сохраняет каждое сгенерированное изображение капчи для дальнейшего вывода на страницу. Что, в свою очередь, приводит к лишним телодвижениям в виде отслеживания каждого созданного файла и сбора мусора удаление использованных или простроченных.

Расширение помощника CAPTCHA для Codeigniter
Файлы накапливаются в папке проекта.

Если не обращать внимания на это, и использовать стандартное решение, то можно заметить косяки проблемы с выводом случайной строки текста, которая часто выходит за границу изображения, что не даёт возможности на её корректный ввод. Что, в свою очередь портит нервы пользователя.

Расширение помощника CAPTCHA для Codeigniter
Генерирует 8 случайных символов, на рисунке видно всего 6, остальные “ушли” за правую границу.

Также совсем отсутствует настройка внешнего вида, кроме размеров изображения на выходе.
Поэтому были поставлены задачи для написания с учётом данных недостатков.

Задачи:

  1. Убрать запись файлов на жесткий диск и реализовать потоковый вывод изображений прямо в браузер.
  2. Исправить ошибку выхода символов за границы изображения.
  3. Добавить возможность указания длины случайной строки.
  4. Добавить возможность создавать изображение с рамкой и без рамки.
  5. Добавить генерацию случайной цветовой схемы, для изображения.

Реализация:

MY_captcha_helper.php

function create_captcha_stream($data = '')
	{
		$defaults = array('word' => '', 'img_width' => 150, 'img_height' => 30, 'font_path' => '', 'random_str_length' => '5', 'border' => TRUE);

		foreach ($defaults as $key => $val)
		{
			if ( ! is_array($data))
			{
				if ( ! isset($$key) OR $$key == '')
				{
					$$key = $val;
				}
			}
			else
			{
				$$key = ( ! isset($data[$key])) ? $val : $data[$key];
			}
		}



		if ( ! extension_loaded('gd'))
		{
			return FALSE;
		}

		
		// -----------------------------------
		// Do we have a "word" yet?
		// -----------------------------------

	   if ($word == '')
	   {
			$pool = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
			
			$str = '';
			for ($i = 0; $i < $random_str_length; $i++)
			{
				$str .= substr($pool, mt_rand(0, strlen($pool) -1), 1);
			}

			$word = $str;
	   }

		// -----------------------------------
		// Determine angle and position
		// -----------------------------------

		$length	= strlen($word);
		$angle	= ($length >= 6) ? rand(-($length-6), ($length-6)) : 0;
		$x_axis	= rand(6, (360/$length)-16);
		$y_axis = ($angle >= 0 ) ? rand($img_height, $img_width) : rand(6, $img_height);

		// -----------------------------------
		// Create image
		// -----------------------------------

		if (function_exists('imagecreatetruecolor'))
		{
			$im = imagecreatetruecolor($img_width, $img_height);
		}
		else
		{
			$im = imagecreate($img_width, $img_height);
		}

		// -----------------------------------
		//  Assign colors
		// -----------------------------------
		
		/* RAND */
		$red = rand(50, 100);
		$green = rand(50, 100);
		$blue = rand(50, 100);

		$bg_color	= imagecolorallocate($im, 255, 255, 255);
		$border_color	= imagecolorallocate($im, $red, $green, $blue);
		$text_color	= imagecolorallocate($im, $red+30, $green+30, $blue+30);
		$grid_color	= imagecolorallocate($im, $red+60, $green+60, $blue+60);
		$shadow_color	= imagecolorallocate($im, 255, 240, 240);
		
		

		// -----------------------------------
		//  Create the rectangle
		// -----------------------------------

		ImageFilledRectangle($im, 0, 0, $img_width, $img_height, $bg_color);

		// -----------------------------------
		//  Create the spiral pattern
		// -----------------------------------

		$theta		= 1;
		$thetac		= 7;
		$radius		= 16;
		$circles	= 20;
		$points		= 32;

		for ($i = 0; $i < ($circles * $points) - 1; $i++)
		{
			$theta = $theta + $thetac;
			$rad = $radius * ($i / $points );
			$x = ($rad * cos($theta)) + $x_axis;
			$y = ($rad * sin($theta)) + $y_axis;
			$theta = $theta + $thetac;
			$rad1 = $radius * (($i + 1) / $points);
			$x1 = ($rad1 * cos($theta)) + $x_axis;
			$y1 = ($rad1 * sin($theta )) + $y_axis;
			imageline($im, $x, $y, $x1, $y1, $grid_color);
			$theta = $theta - $thetac;
		}

		// -----------------------------------
		//  Write the text
		// -----------------------------------

		$use_font = ($font_path != '' AND file_exists($font_path) AND function_exists('imagettftext')) ? TRUE : FALSE;

		if ($use_font == FALSE)
		{
			$font_size = 7;
			$x = rand(1, $img_width-(($length*$font_size)*2));
			$y = 0;
		}
		else
		{
			$font_size	= 12;
			$x = rand(1, $img_width-($length*$font_size));
			$y = $font_size+2;
		}

		for ($i = 0; $i < strlen($word); $i++)
		{
			if ($use_font == FALSE)
			{
				$y = rand(1 , $img_height-($font_size*3));
				imagestring($im, $font_size, $x, $y, substr($word, $i, 1), $text_color);
				$x += ($font_size*2);
			}
			else
			{
				$y = rand($font_size , $img_height-($font_size/3));
				imagettftext($im, $font_size, $angle, $x, $y, $text_color, $font_path, substr($word, $i, 1));
				$x += $font_size;
			}
		}


		// -----------------------------------
		//  Create the border
		// -----------------------------------

		if ($border == TRUE)
		{
			imagerectangle($im, 0, 0, $img_width-1, $img_height-1, $border_color);
		}

		// -----------------------------------
		//  Generate the image
		// -----------------------------------
		
		header("Content-type: image/jpeg");
		ImageJPEG($im);

		ImageDestroy($im);

		return $word;
	}

За основу была взята оригинальная функция создания капчи.

Пример использования:
Как подключить расширение для помощника, можно запросто найти в документации Codeigniter, поэтому копипаст сюда делать не буду.

Создать контроллер куда вписать:

$this->load->helper('captcha');
		
$prefs = array(				// настройки капчи, все элементы являются необязательными
	'word'	 => 'text',		// текст
	'img_width' => 100,			// ширина изображения (int)
	'img_height' => 30,			// высота изображения (int)
	'random_str_length' => 5,		// длина случайной строки (int)
	'border' => FALSE,			// добавлять рамку (bool)
	'font_path' => 'path_to_.ttf'	// путь к файлу шрифта
	);
		
$word = create_captcha_stream($prefs);
$this->session->set_flashdata('word', $word);

Функция create_captcha_stream – возвращает сгенерированною строку и выводит изображение потоком в браузер.
Строку добавляем в сессию для последующего сравнения с данными введенными пользователем.

Соответственно для вывода изображения пользователю добавляем в шаблон с формой, где должна выводится капча, тег:
<img src=” http://yoursite.com/контроллер ” />

Расширение помощника CAPTCHA для Codeigniter
Пример сгенерированной капчи

Теперь при выводе капчи в сесию будет записываться строка, что выведена на изображение в браузер.

Проверка введенных данных:

$captcha = trim($this->input->post('captcha')); // то что пришло с формы
$word = $this->session->flashdata('word'); // то что было сгенерировано

if ($word == $captcha)
{
	echo "Login sucsessfull";
}
else
{
	echo "Bad login";
}

Убрать регистрозависимость можно с помощью функции преобразования символов строки в нижний регистр strtolower().

Статья является примером усовершенствования стандартной капчи, здесь не описано ничего нового и сверхъестественного.

Автор: vov1

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js