Image Validation With Php ... Give Your Site The Security

السلام عليكم و رحمة الله

بصراحة و انا أبحث وسط دهاليز الانترنت وجدت موضوع جميل

و كنت اظنه صعب و لكني أكتشفت كم هو سهل و فعال كأداة تأمينية مفيدة كثيراً

الموضوع هو نظام الصلاحية عن طريق تأكيد الصورة .. كما يحدث لأي احد عندما يطلب

منه نموذج التسجيل في المنتديات بأن تدخل الأرقام التي تراها في الصورة

كنت اظن أن هذه الصور ما هي الا مكتبة من الصور مسبقة التجهيز .. و لكني اكتشفت أنها صور عشوائية مولدة عن طريق أكواد البي اتش بي

الطريقة جميلة و سأقوم بشرحها كما فهمت من الموقع الأنجليزي الذي وجدتها عليه

و لكني قمت بإضافة جزء التأكيد بخاصية

Session

و الآن الى الشرح

و هي كالتالي

أولاً يجب ان يكون نسخة البي اتش بي على سيرفرك لا تقل عن الاصدار 4.3.2 ثانياً يجب أن تتأكد أن GD library متاحة و ذلك بعمل أي صفحة و لنقل على سبيل المثال أن تقوم بعمل صفحة باسم test_gd.php و تقوم بادراج بها الكود التالي و هو مصمم لاختبار هل هذه المكتبات متاحة على سيرفرك

<?php
if (function_exists('imagecreate')) {
echo "GD Library is enabled \r\n<pre>";
var_dump(gd_info());
echo "</pre>";
} else {
echo 'Sorry, you need to enable GD library first';
}
?>

ومن ثم بقم بطلب الصفحة عن طريق متصفح الانترنت لديك

فإذا ظهرت لك جملة

GD Library is enabled

فهنيئاً .. المكتبات متاحة

و إذا ظهر لك غير ذلك ... فذلك يعني أن تقوم باتاحة هذه المكتبات عن طريق فتح ملف

php.ini

وابحث عن الجملة

extension=php_gd2.dll

و من ثم ازل علامة الفاصة المنقوطة ( ; ) في أخر السطر

و من ثم لا بد من اعادة تشغيل السيرفر ... لتصبح الخدمة متاحة

نأتي الآن الى الكود

سنقوم بتصميم 3 صفحات ... الأولى تحوي كود توليد الصور .. و الثانية سنعتبرها نظام تسجيلك ( طبعاً يمكنك تعديل الصفحة الثانية كما تريد لأن العبرة فقط ستكون في طريقة جلب الصورة من الصفحة الأولى الى الثانية و تأكيدها بصورة صحيحة ) ... و الآن الى العمل

الصفحة الأولى و ستكون باسم

randomImage.php

و سيكون الكود فيها كالتالي .. و الشرح سيكون موجود داخل الكود

<?php
// نظامنا هنا يستخدم نظام session
//لذلك لا بد من بداية الـ session
session_start();

// نستخدم rand
// لتوليد قيمة عشوائية مكونة من خمسة ارقام ما بين 10000 و 99999
// و تخزينها في متغير
// $rand
$rand = rand(10000, 99999);

$_SESSION['image_random_value'] = $rand;

// صناعة الصورة بمقاس 60*30 بكسل
$image = imagecreate(60, 30);

// الآن نضع خلفية الصورة الى اللون الابيض حيث يساوي 
// RGB = 255, 255, 255
$bgColor = imagecolorallocate ($image, 255, 255, 255);

// و نضع هنا لون الخط الى اللون الأسود حيث يساوي
// RGB = 0, 0, 0
$textColor = imagecolorallocate ($image, 0, 0, 0);

// صناعة الصورة بشكلها النهائي بدالة
// imagestring
// و هي تأخذ ستة متغيرات و هم على الترتيب
// الأول يمرر مقاس الصورة أو بالأصح التعامل مع الصورة
// الثاني حجم الخط حيث الأكبر يأخذ القيمة 5 و الأصغر يصل للقيمة 1
// الثالث و الرابع هم احداثيات ظهور النص في الصورة الأفقي و الرأسي
// الخامس خاص بقيمة الرقم العشوائي
// السادس خاص بلون الخط
imagestring ($image, 5, 5, 8, $rand, $textColor);

// الاجزاء التالية بصراحة عاوزة شرح لوحدها .. و لكن اعلم أنها خاصة للتأكد من أن الصورة غير محفوظة من
// قبل لدى جهاز امستخدم أو حتى السيرفر
// send several headers to make sure the image is not cached
// taken directly from the PHP Manual

// Date in the past
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");

// always modified
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");

// HTTP/1.1
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);

// HTTP/1.0
header("Pragma: no-cache");

// send the content type header so the image is displayed properly
header('Content-type: image/jpeg');

// و الآن نرسل الصورة الى المتصفح حيث سنستدعيها في صفحة التسجيل
imagejpeg($image);

// بعد ارسالها قم بحذفها لكي لا تستهلك موارد السيرفر بدون داع
imagedestroy($image);
?>



 </b></font>

و الأن ناتي لكود الصفحة الثانية

login.php

و انا لن أركز فيه الا على

النقطة التي تهم فقط الجميع و هي كيفية استحضار الصورة و تأكيدها

<html>
<head>
<title>Basic Login</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<body>
<?php
if ($errorMessage != '') {
?>
<?php echo $errorMessage; ?>
<?php
}
?>
<form action="final.php" method="post" name="frmLogin" id="frmLogin">
<table width="400" border="1" align="center" cellpadding="2" cellspacing="2">
<tr>
<td width="208"><input name="image_text" type="text" id="image_text" value="">
 <img src="randomImage.php"></td>
<td width="172"><div align="center">ادخل الرقم كما بالصورة</div></td>
</tr>

<tr>
<td colspan="2"><div align="center">
 <input name="image" type="submit" id="btnLogin" value="Login">
</div></td>
</tr>
</table>
</form>
</body>
</html>




 </b></font>

الموضوع لا يحتاج لشرح بالتأكيد .. لكن و للتأكيد .. قمنا بعمل فورم و ادراج به حقل نصي

لادخال الرقم الذي بالصورة و قبل ذلك قمنا بإحضار الصورة من الصفحة

randomImage.php

و اسمينا الحقل النصي الذي سيقوم المستخدم بوضع به الرقم التأكيدي باسم

image_text

و قمنا بتخصيص الفورم الى النوع

method="post"

action="final.php"

و الآن نأتي الى آخر الخطوات و هي التأكد بالفعل من أن المستخدم وضع الصورة

التي بالصورة بالضبط و هذا ما سيأتي في كود الصفحة

final.php

ملحوظة... بالنسبة لهذا الجزء و الخاص أصلاً بموضوع استخدام

$_SESSION

و استخدامه في تخزين القيم و استخدامها في التأكيد

من اجتهادي الشخصي .. ارجو أن يوفقني الله فيه

<?php

session_start();

if ($_POST["image_text"]==$_SESSION['image_random_value'])
{
 echo ("True");
}
else
{
 echo ("False");
}

?>

الموضوع بسيط .. أتتذكر في صفحة

randomImage.php

كنت قد استخدمت جملة

$_SESSION['image_random_value'] = $rand;

و هذه خاصة لتخزين قيمة الرقم العشوائي في مصفوفة

_session[]

و كما ترى هنا .. كل الموضوع أنه يتأكد أذا كان القيمة المدخلة مطابقة لما موجود في المصفوفة أم لا

عدل في الكود كما يناسب احتياجاتك بعد ان عرفت الفكرة الأساسية

أرجو ان يكون الله وفقني في الشرح

مرفق الكود الأصلي في ملف مضغوط

أسألكم الدعاء

السلام عليكم و رحمة الله

ImageValidation.zip

تم تعديل هذه المشاركة بواسطة prince_bakora في 29 يونيو 2009 في 08:39

Image Validation With Php ... Give Your Site The Security

مواضيع مشابهة