كلاس "التحقق بالصورة " لحماية الفورمز

anas · 25-03-2008, 07:28 PM

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته موضوع اليوم عبارة عن كلاس لانشاء ماتعرف بصورة التأكيد او التحقق بالصورة : وهي صورة تظهر لنا عند التسجيل او تسجيل الدخول في المواقع او المنتديات وفوقها كتابة غير مفهومة تقريبا مكونة من ارقام او احرف او كلاهما ......
فائدة هذه البرمجة للحماية من ما يعرف بالفلودنك او اغراق قاعدة البيانات بفيض من الاوامر والتي تسبب مشاكل بالموقع ....

الان مع الشرح :
اولا صفحة الكلاس كامل مع شرح تفصيلي ....

كود PHP:

<?php session_start(); /** * SecurityImage.php * * Class to implement Captcha security Images * to combat Spam, using PHP/GD * * @author A.D.Surrey. (www.surneo.com) * @version 1.3 */ class SecurityImage { //المتغيرات المستخدمة public $bg, $image, $font, //fonts الخطوط موجودة بفولدر $fontsize, $colour, // لون وحجم الخط $strLength, $text = "", $num_dots, // النص وعدد النقاط العشوائية $chars = array("a", "A", "b", "B", "c", "C", "d", "D", "e", "E", "f", "F", "g", "G", "h", "H", "i", "I", "j", "J", "k", "K", "l", "L", "m", "M", "n", "N", "o", "O", "p", "P", "q", "Q", "r", "R", "s", "S", "t", "T", "u", "U", "v", "V", "w", "W", "x", "X", "y", "Y", "z", "Z", "1", "2", "3", "4", "5", "6", "7", "8", "9"); // مؤسس الكلاس : ينشيء القيم الاولية function SecurityImage() { $this->num_dots = 300; // عدد النقاط المضافة $this->strLength = 5;// طول النص $this->fontsize = 18;// حجم الخط $this->selectFont(); // اختيار الخط $bg = "images/" . mt_rand(1, 7) . ".png"; // الصورة المستخدمة كخلفية $this->image = imagecreatefrompng($bg);// انشاء صورة على خلفية صورة اخرى $this->colour = ImageColorAllocate($this->image, 0, 0, 0); // لون النقاط , هنا استخدمنا الاسود // عرض الصورة تلقائيا عند استدعاء الكلاس $this->show(); // اضافة الكود الى سيشن لمقارنته مع الكود المدخل من الفورم $_SESSION['SECURITY_CODE'] = $this->text; } // عرض الصورة function show() { Header("Content-type: image/png"); $this->text = $this->genString(); // كتابة حرف او مز تلو الاخر على الصورة for ($i = 0; $i < $this->strLength; $i++) { $this->writeLetter($this->text[$i], (20 + $i * 25)); } $this->addNoise(); imagepng($this->image); imagedestroy($this->image); } // توليد نص بحروف وارقام عشوائية من المصفوفة اعلاه function genString() { for ($i = 0; $i < $this->strLength; $i++) { $this->text .= $this->chars[mt_rand(0, count($this->chars) - 1)]; } return $this->text; } // كتابة نص على الصورة بتغيير الخط واللون function writeLetter($letter, $xvalue) { $yvalue = 30 - mt_rand(0, 10); // Randomly adjust y position. $angle = mt_rand(-30, 30); // Give text a slight random angle. // دالة لكتابة نص على الصورة باستخدام نوع الخط والزاوية والاحداثيات واللون والنص imagettftext($this->image, $this->fontsize, $angle, $xvalue, $yvalue, $this-> colour, $this->font, $letter); } // للمقارنة بين النص المدخل والنص الذي على الصورة function isMatch($t) { if ($t == $this->text) { return true; } else return false; } // دالة لاضافة نقاط عشوائية على الصورة function addNoise() { $width = imagesx($this->image); // الحصول على عرض الصورة ووضعه بمتغير $height = imagesy($this->image); //الحصول على ارتفاع الصورة ووضعه بمتغير //نقاط عشوائية for ($i = 0; $i < $this->num_dots; $i++) { //هذه الدالة لرسم القطع الناقص وتعتمد على 4 معطيات imagefilledellipse($this->image, mt_rand(0, $width), mt_rand(0, $height), 1, 1, $this->colour); } } // (تغيير الخط)دالة لاختيار خط عشوائي لاستخدامه في الكتابة على الصورة function selectFont() { //دالة للحصول على قيمة عشوائية mt_rand switch (mt_rand(1, 3)) { case 1: $this->font = "fonts/Acidic.TTF"; break; case 2: $this->font = "fonts/arial.ttf"; break; case 3: $this->font = "fonts/frizzed.ttf"; break; //case 4 : $this->font = "fonts/STACKZ.TTF"; break; } } } // انشاء الكائن الخاص بالصورة $secim = new SecurityImage(); ?>

ثانيا طريقة الاستخدام :
قم باضافة حقل خاص للكود السري في الفورم الخاص بك الذي سيقارن مع الكود المكتوب فوق الصورة : مثال :

كود هتمل:

<td><label for="txtSecurityCode">Security Code</label>: </td> <td colspan="2"><input type="text" name="txtSecurityCode" size="30" /></td> <tr><td><img name="captchaimg" alt="Security Code" src="SecurityImage.php" /></td> <td><a href="javascript:location.reload();"><img src="images/arrow_refresh.png" alt="Refresh Code" border="0" /></a></td> </tr>
بالنسبة ل SecurityImage.php فهي صفحة كود الكلاس وبالنسبة ل images/arrow_refresh.png فأنها صورة صغيرة قرب صورة الكود عند الضغط عليها تقوم برمجة جافا بالكود السابق بتغيير الصورة في حال عدم وضوحها جدا..

الان بعد ضغط زر الارسال الخاص بنموذجك وارسال البيانات لصفحة اخرى (او نفس الصفحة ) ضع الكود التالي للتحقق
من ادخال المستخدم للكود ومطابقته بكود الصورة :

كود PHP:

session_start(); if ($_POST['txtSecurityCode'] == $_SESSION['SECURITY_CODE']) { // استمرار بتنفيذ كود معين } else { header('location: form.php?msg=error'); // عرض رسالة خطأ -الكود مثال فقط }

السيشن طبعا مهمة في عمل هذا الكلاس .....
الى هنا انتهى الشرح ...ارجو ان يكون شرح واضح .....

بالنسبة للمرفقات قم بوضع الصور في مجلد images والخطوط في مجلد fonts ضمن مسار سكريبتك ......

تحياتي

ff5006 · 25-03-2008, 09:52 PM

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

ff5006 · 25-03-2008, 10:40 PM

اخي قمت بعمل كل شئ , لكن الكلاس لايُظهر الصوره لي ,...
هذا كود القالب :

كود PHP:

   
    <td><label for="txtSecurityCode">الرقم الأمني </label>: </td>

                  <td colspan="2"><input type="text" name="txtSecurityCode" size="30" /></td>

<tr><td><img name="captchaimg" alt="Security Code" src="include/SecurityImage.php" /></td>

               <td><a href="javascript:location.reload();"><img src="style/index/images/Security/arrow_refresh.png" alt="تحديث الصورة" border="0" /></a></td>

             </tr>

وهذا تعديلي للكلاس :

كود PHP:

  <?php 

session_start(); 

/** 

 *    SecurityImage.php 

 * 

 *    Class to implement Captcha security Images 

 *    to combat Spam, using PHP/GD 

 *  

 *    @author            A.D.Surrey. (www.surneo.com) 

 *     @version        1.3 

 */ 

 
class SecurityImage 

{ 

    //المتغيرات المستخدمة 

    public $bg, $image, $font, //fonts الخطوط موجودة بفولدر  

        $fontsize, $colour, // لون وحجم الخط 

        $strLength, 

        $text = "", $num_dots, // النص وعدد النقاط العشوائية 

        $chars = array("a", "A", "b", "B", "c", "C", "d", "D", "e", "E", "f", "F", "g", 

        "G", "h", "H", "i", "I", "j", "J", "k", "K", "l", "L", "m", "M", "n", "N", "o", 

        "O", "p", "P", "q", "Q", "r", "R", "s", "S", "t", "T", "u", "U", "v", "V", "w", 

        "W", "x", "X", "y", "Y", "z", "Z", "1", "2", "3", "4", "5", "6", "7", "8", "9"); 

 
// مؤسس الكلاس : ينشيء القيم الاولية 

    function SecurityImage() 

    { 

        $this->num_dots = 300; // عدد النقاط المضافة 

        $this->strLength = 5;// طول النص 

        $this->fontsize = 18;// حجم الخط 

 
        $this->selectFont(); // اختيار الخط 

 
        $bg = "style/index/images/Security/" . mt_rand(1, 7) . ".png"; // الصورة المستخدمة كخلفية 

        $this->image = imagecreatefrompng($bg);// انشاء صورة على خلفية صورة اخرى 

        $this->colour = ImageColorAllocate($this->image, 0, 0, 0); // لون النقاط , هنا استخدمنا الاسود 

 
        // عرض الصورة تلقائيا عند استدعاء الكلاس 

        $this->show(); 

 
        // اضافة الكود الى سيشن لمقارنته مع الكود المدخل من الفورم 

        $_SESSION['SECURITY_CODE'] = $this->text; 

    } 

    // عرض الصورة 

    function show() 

    { 

        Header("Content-type: image/png"); 

 
        $this->text = $this->genString(); 

 
        // كتابة حرف او مز تلو الاخر على الصورة 

        for ($i = 0; $i < $this->strLength; $i++) { 

            $this->writeLetter($this->text[$i], (20 + $i * 25)); 

        } 

 
        $this->addNoise(); 

 
        imagepng($this->image); 

        imagedestroy($this->image); 

    } 

 
    // توليد نص بحروف وارقام عشوائية من المصفوفة اعلاه 

    function genString() 

    { 

        for ($i = 0; $i < $this->strLength; $i++) { 

            $this->text .= $this->chars[mt_rand(0, count($this->chars) - 1)]; 

        } 

 
        return $this->text; 

    } 

 
    // كتابة نص على الصورة بتغيير الخط واللون 

    function writeLetter($letter, $xvalue) 

    { 

        $yvalue = 30 - mt_rand(0, 10); // Randomly adjust y position. 

        $angle = mt_rand(-30, 30); // Give text a slight random angle. 

        // دالة لكتابة نص على الصورة باستخدام نوع الخط والزاوية والاحداثيات واللون والنص 

        imagettftext($this->image, $this->fontsize, $angle, $xvalue, $yvalue, $this-> 

            colour, $this->font, $letter); 

    } 

 
    // للمقارنة بين النص المدخل والنص الذي على الصورة 

    function isMatch($t) 

    { 

        if ($t == $this->text) { 

            return true; 

        } else 

            return false; 

    } 

    // دالة لاضافة نقاط عشوائية على الصورة 

    function addNoise() 

    { 

        $width = imagesx($this->image); // الحصول على عرض الصورة ووضعه بمتغير 

        $height = imagesy($this->image); //الحصول على ارتفاع الصورة ووضعه بمتغير 

 
        //نقاط عشوائية 

        for ($i = 0; $i < $this->num_dots; $i++) { 

            //هذه الدالة لرسم القطع الناقص وتعتمد على 4 معطيات 

            imagefilledellipse($this->image, mt_rand(0, $width), mt_rand(0, $height), 1, 1, 

                $this->colour); 

        } 

    } 

    // (تغيير الخط)دالة لاختيار خط عشوائي لاستخدامه في الكتابة على الصورة 

    function selectFont() 

    { 

        //دالة للحصول على قيمة عشوائية  mt_rand 

        switch (mt_rand(1, 3)) { 

            case 1: 

                $this->font = "include/fonts/Acidic.TTF"; 

                break; 

            case 2: 

                $this->font = "include/fonts/arial.ttf"; 

                break; 

            case 3: 

                $this->font = "include/fonts/frizzed.ttf"; 

                break; 

                //case 4 : $this->font = "include/fonts/STACKZ.TTF"; break; 

        } 

    } 

} 

 
// انشاء الكائن الخاص بالصورة  

$secim = new SecurityImage(); 

?>

طبعاً لم أقم بتضمين الكلاس في أي صفحات من السكربت

وشكراً.

anas · 26-03-2008, 05:22 PM

الكلاس شغال عندي ..
جرب التالي وانا متأكد بأذن الله ستنجح .....
اعمل صفحة سمها display.php وضع بها الكود :

كود PHP:

<?php include("SecurityImage.php"); $secim = new SecurityImage(); $secim->show(); ?>

ثم في قالبك غير هذا فقط :

كود هتمل:

src="include/SecurityImage.php" الى src="include/display.php"
ولا تنسى ;() session_start في اعلى صفحة الفورم ......

ايهاب الغزال · 26-03-2008, 06:12 PM

ماشاء الله عمل جميل تشكر عليه اخي الكريم

اخوك

ايهاب الغزال

anas · 26-03-2008, 08:51 PM

اقتباس:

الكاتب : ايهاب الغزال

ماشاء الله عمل جميل تشكر عليه اخي الكريم

اخوك

ايهاب الغزال

العفو اخي انا قمت بالشرح فقط ...
شكرا للمرور الطيب .. تحياتي لك

ff5006 · 26-03-2008, 11:14 PM

للأسف لم يعمل...
على العموم شكراً لك أخي , وجزاك الله خير راح احاول فيه ...

anas · 27-03-2008, 05:13 PM

فقط ملاحظة : يعمل على لغة php الاصدار 5 فما فوق ...

mohammed.kh · 28-03-2008, 10:40 PM

يعطيك ألف عافية أخي على الكلاس

لكن هل يوجد نفس الكلاس لكن لا يستخدم ال session

؟؟؟؟؟؟؟

anas · 28-03-2008, 11:04 PM

اقتباس:

الكاتب : mohammed.kh

يعطيك ألف عافية أخي على الكلاس

لكن هل يوجد نفس الكلاس لكن لا يستخدم ال session

؟؟؟؟؟؟؟

الله يعافيك اخي ...
تستطيع استخدامة نفسه بدون سيشن وبتغييرات بسيطة :

كود PHP:

$_SESSION['SECURITY_CODE'] غيرها الى $_POST['SECURITY_CODE'] اينما وجدت واحذف session_start

تحياتي

25-03-2008, 09:52 PM	#2 (permalink)
ff5006 عضو فعال تاريخ الانتساب: 08-06-2007 المكان: السعودية مشاركات: 231 مستوى السمعة : 2	رد : كلاس "التحقق بالصورة " لحماية الفورمز السلام عليكم جزاك الله خير وجعله في ميزان حسناتك ... كلاس مهم جداً... شكراً لـك. __________________ :: p h p(); ::

25-03-2008, 10:40 PM	#3 (permalink)
ff5006 عضو فعال تاريخ الانتساب: 08-06-2007 المكان: السعودية مشاركات: 231 مستوى السمعة : 2	رد : كلاس "التحقق بالصورة " لحماية الفورمز اخي قمت بعمل كل شئ , لكن الكلاس لايُظهر الصوره لي ,... هذا كود القالب : كود PHP: <td><label for="txtSecurityCode">الرقم الأمني </label>: </td> <td colspan="2"><input type="text" name="txtSecurityCode" size="30" /></td> <tr><td><img name="captchaimg" alt="Security Code" src="include/SecurityImage.php" /></td> <td><a href="javascript:location.reload();"><img src="style/index/images/Security/arrow_refresh.png" alt="تحديث الصورة" border="0" /></a></td> </tr> وهذا تعديلي للكلاس : كود PHP: <?php session_start(); /** * SecurityImage.php * * Class to implement Captcha security Images * to combat Spam, using PHP/GD * * @author A.D.Surrey. (www.surneo.com) * @version 1.3 / class SecurityImage { //المتغيرات المستخدمة public $bg, $image, $font, //fonts الخطوط موجودة بفولدر $fontsize, $colour, // لون وحجم الخط $strLength, $text = "", $num_dots, // النص وعدد النقاط العشوائية $chars = array("a", "A", "b", "B", "c", "C", "d", "D", "e", "E", "f", "F", "g", "G", "h", "H", "i", "I", "j", "J", "k", "K", "l", "L", "m", "M", "n", "N", "o", "O", "p", "P", "q", "Q", "r", "R", "s", "S", "t", "T", "u", "U", "v", "V", "w", "W", "x", "X", "y", "Y", "z", "Z", "1", "2", "3", "4", "5", "6", "7", "8", "9"); // مؤسس الكلاس : ينشيء القيم الاولية function SecurityImage() { $this->num_dots = 300; // عدد النقاط المضافة $this->strLength = 5;// طول النص $this->fontsize = 18;// حجم الخط $this->selectFont(); // اختيار الخط $bg = "style/index/images/Security/" . mt_rand(1, 7) . ".png"; // الصورة المستخدمة كخلفية $this->image = imagecreatefrompng($bg);// انشاء صورة على خلفية صورة اخرى $this->colour = ImageColorAllocate($this->image, 0, 0, 0); // لون النقاط , هنا استخدمنا الاسود // عرض الصورة تلقائيا عند استدعاء الكلاس $this->show(); // اضافة الكود الى سيشن لمقارنته مع الكود المدخل من الفورم $_SESSION['SECURITY_CODE'] = $this->text; } // عرض الصورة function show() { Header("Content-type: image/png"); $this->text = $this->genString(); // كتابة حرف او مز تلو الاخر على الصورة for ($i = 0; $i < $this->strLength; $i++) { $this->writeLetter($this->text[$i], (20 + $i 25)); } $this->addNoise(); imagepng($this->image); imagedestroy($this->image); } // توليد نص بحروف وارقام عشوائية من المصفوفة اعلاه function genString() { for ($i = 0; $i < $this->strLength; $i++) { $this->text .= $this->chars[mt_rand(0, count($this->chars) - 1)]; } return $this->text; } // كتابة نص على الصورة بتغيير الخط واللون function writeLetter($letter, $xvalue) { $yvalue = 30 - mt_rand(0, 10); // Randomly adjust y position. $angle = mt_rand(-30, 30); // Give text a slight random angle. // دالة لكتابة نص على الصورة باستخدام نوع الخط والزاوية والاحداثيات واللون والنص imagettftext($this->image, $this->fontsize, $angle, $xvalue, $yvalue, $this-> colour, $this->font, $letter); } // للمقارنة بين النص المدخل والنص الذي على الصورة function isMatch($t) { if ($t == $this->text) { return true; } else return false; } // دالة لاضافة نقاط عشوائية على الصورة function addNoise() { $width = imagesx($this->image); // الحصول على عرض الصورة ووضعه بمتغير $height = imagesy($this->image); //الحصول على ارتفاع الصورة ووضعه بمتغير //نقاط عشوائية for ($i = 0; $i < $this->num_dots; $i++) { //هذه الدالة لرسم القطع الناقص وتعتمد على 4 معطيات imagefilledellipse($this->image, mt_rand(0, $width), mt_rand(0, $height), 1, 1, $this->colour); } } // (تغيير الخط)دالة لاختيار خط عشوائي لاستخدامه في الكتابة على الصورة function selectFont() { //دالة للحصول على قيمة عشوائية mt_rand switch (mt_rand(1, 3)) { case 1: $this->font = "include/fonts/Acidic.TTF"; break; case 2: $this->font = "include/fonts/arial.ttf"; break; case 3: $this->font = "include/fonts/frizzed.ttf"; break; //case 4 : $this->font = "include/fonts/STACKZ.TTF"; break; } } } // انشاء الكائن الخاص بالصورة $secim = new SecurityImage(); ?> طبعاً لم أقم بتضمين الكلاس في أي صفحات من السكربت وشكراً. __________________ :: p h p(); ::

26-03-2008, 05:22 PM	#4 (permalink)
anas مبرمج محترف تاريخ الانتساب: 27-02-2008 المكان: العراق - بغداد السن: 23 مشاركات: 151 مستوى السمعة : 1	رد : كلاس "التحقق بالصورة " لحماية الفورمز الكلاس شغال عندي .. جرب التالي وانا متأكد بأذن الله ستنجح ..... اعمل صفحة سمها display.php وضع بها الكود : كود PHP: `<?php include("SecurityImage.php"); $secim = new SecurityImage(); $secim->show(); ?>` ثم في قالبك غير هذا فقط : كود هتمل: src="include/SecurityImage.php" الى src="include/display.php" ولا تنسى ;() session_start في اعلى صفحة الفورم ......

26-03-2008, 06:12 PM	#5 (permalink)
ايهاب الغزال مطور منتديات mysmartbb تاريخ الانتساب: 22-05-2007 المكان: Syria مشاركات: 280 مستوى السمعة : 2	رد : كلاس "التحقق بالصورة " لحماية الفورمز ماشاء الله عمل جميل تشكر عليه اخي الكريم اخوك ايهاب الغزال __________________ www.alghazall.com Montada php www.mysmartbb.com AJAX with PHP Soon

26-03-2008, 11:14 PM	#7 (permalink)
ff5006 عضو فعال تاريخ الانتساب: 08-06-2007 المكان: السعودية مشاركات: 231 مستوى السمعة : 2	رد : كلاس "التحقق بالصورة " لحماية الفورمز للأسف لم يعمل... على العموم شكراً لك أخي , وجزاك الله خير راح احاول فيه ... __________________ :: p h p(); ::

27-03-2008, 05:13 PM	#8 (permalink)
anas مبرمج محترف تاريخ الانتساب: 27-02-2008 المكان: العراق - بغداد السن: 23 مشاركات: 151 مستوى السمعة : 1	رد : كلاس "التحقق بالصورة " لحماية الفورمز فقط ملاحظة : يعمل على لغة php الاصدار 5 فما فوق ...

28-03-2008, 10:40 PM	#9 (permalink)
mohammed.kh عضو جديد تاريخ الانتساب: 25-12-2007 المكان: سوريا السن: 16 مشاركات: 15 مستوى السمعة : 0	رد : كلاس "التحقق بالصورة " لحماية الفورمز يعطيك ألف عافية أخي على الكلاس لكن هل يوجد نفس الكلاس لكن لا يستخدم ال session ؟؟؟؟؟؟؟

زوار هذا الموضوع الآن : 1 (0 عضو و 1 ضيف)

(View-All) Members who have read this thread : 25
abdallh, Abu Rayane, أحمد البتانونى, محمدهلال, محمود احمد محمود, alQana9, anas, موهب, boot, database, بيرسونال, gaser, gefarasalh, hossam2044, man summits, mourad277, php, Q8Dev, Sa3Q, temora, the_traveller, toty2000, trialless, عبد الواحد البشيري,

الاسم		حفظ ؟
كلمة المرور