كيفية إنشاء صفحة تسجيل مستخدم جديدة باستخدام PHP و HTML

تمت الكتابة بواسطة: عبد الحكيم

تارخ آخر تحديث: 18 ديسمبر 2024

محتوى المقال

المتطلبات الأساسية
الخطوة الأولى: إنشاء نموذج HTML لتسجيل المستخدم
الخطوة الثانية: إنشاء قاعدة بيانات MySQL
الخطوة الثالثة: إنشاء ملف PHP لمعالجة التسجيل
الخطوة الرابعة: اختبار التسجيل
تحسين الأمان
الخلاصة

كيفية إنشاء صفحة تسجيل مستخدم جديدة باستخدام PHP و HTML

صفحة تسجيل المستخدمين هي جزء أساسي في العديد من مواقع الويب، حيث تسمح للمستخدمين بإنشاء حسابات جديدة وإدخال بياناتهم الشخصية. في هذا المقال، سنتعلم كيفية إنشاء صفحة تسجيل مستخدم باستخدام HTML وPHP وتخزين البيانات في قاعدة بيانات MySQL.

المتطلبات الأساسية

قبل البدء، تأكد من أنك قد قمت بتثبيت بيئة تطوير PHP مثل XAMPP أو WAMP، ولديك معرفة أساسية بـ PHP وHTML، وأنك قد قمت بإعداد قاعدة بيانات MySQL.

الخطوة الأولى: إنشاء نموذج HTML لتسجيل المستخدم

الخطوة الأولى هي إنشاء نموذج HTML بسيط يحتوي على الحقول المطلوبة لتسجيل المستخدم. سنقوم بإنشاء نموذج يحتوي على الحقول التالية: اسم المستخدم، البريد الإلكتروني، كلمة المرور، وتأكيد كلمة المرور.

مثال على نموذج HTML لتسجيل المستخدم


            <!DOCTYPE html>

            <html>

            <head>

                <title>تسجيل مستخدم جديد</title>

            </head>

            <body>



                <h1>تسجيل حساب جديد</h1>

                <form action="register.php" method="POST">

                    <label for="username">اسم المستخدم:</label>

                    <input type="text" id="username" name="username" required>



                    <label for="email">البريد الإلكتروني:</label>

                    <input type="email" id="email" name="email" required>



                    <label for="password">كلمة المرور:</label>

                    <input type="password" id="password" name="password" required>



                    <label for="confirm_password">تأكيد كلمة المرور:</label>

                    <input type="password" id="confirm_password" name="confirm_password" required>



                    <button type="submit">تسجيل</button>

                </form>



            </body>

            </html>

هذا النموذج يحتوي على حقول إدخال لاسم المستخدم، البريد الإلكتروني، كلمة المرور وتأكيد كلمة المرور. عند النقر على زر "تسجيل"، يتم إرسال البيانات إلى ملف PHP لمعالجة البيانات.

الخطوة الثانية: إنشاء قاعدة بيانات MySQL

الخطوة التالية هي إعداد قاعدة بيانات لتخزين بيانات المستخدم. سنقوم بإنشاء قاعدة بيانات جديدة وجدول للمستخدمين لتخزين معلومات التسجيل.

إنشاء قاعدة بيانات وجداول

يمكنك استخدام phpMyAdmin أو MySQL Workbench لإنشاء قاعدة البيانات. قم بتشغيل الاستعلام التالي لإنشاء قاعدة بيانات جديدة وجدول للمستخدمين:


            CREATE DATABASE user_registration;

            USE user_registration;

            CREATE TABLE users (

                id INT AUTO_INCREMENT PRIMARY KEY,

                username VARCHAR(50) NOT NULL,

                email VARCHAR(100) NOT NULL,

                password VARCHAR(255) NOT NULL

            );

في هذا الاستعلام، قمنا بإنشاء قاعدة بيانات باسم user_registration وجدول users يحتوي على ثلاثة أعمدة: username، email، وpassword.

الخطوة الثالثة: إنشاء ملف PHP لمعالجة التسجيل

بعد إعداد النموذج وقاعدة البيانات، سنقوم بإنشاء ملف PHP باسم register.php لاستقبال البيانات المُرسلة من النموذج وتخزينها في قاعدة البيانات.

كود PHP لمعالجة البيانات


            <?php

            // الاتصال بقاعدة البيانات

            $servername = 'localhost';

            $username = 'root';

            $password = '';

            $dbname = 'user_registration';



            // إنشاء الاتصال

            $conn = new mysqli($servername, $username, $password, $dbname);



            // التحقق من الاتصال

            if ($conn->connect_error) {

                die('فشل الاتصال بقاعدة البيانات: ' . $conn->connect_error);

            }



            // استلام البيانات من النموذج

            $username = $_POST['username'];

            $email = $_POST['email'];

            $password = $_POST['password'];

            $confirm_password = $_POST['confirm_password'];



            // التحقق من مطابقة كلمة المرور

            if ($password === $confirm_password) {

                $hashed_password = password_hash($password, PASSWORD_DEFAULT);



                // إعداد الاستعلام لإدخال البيانات

                $sql = "INSERT INTO users (username, email, password) VALUES ('$username', '$email', '$hashed_password')";



                // تنفيذ الاستعلام

                if ($conn->query($sql) === TRUE) {

                    echo "تم تسجيل الحساب بنجاح!";

                } else {

                    echo "خطأ: " .  $sql . "<br>" .  $conn->error;

                }

            } else {

                echo "كلمات المرور غير متطابقة";

            }



            // إغلاق الاتصال

            $conn->close();

            ?>

في هذا الكود، نقوم أولاً بالاتصال بقاعدة البيانات باستخدام mysqli، ثم نستقبل البيانات المُرسلة من النموذج باستخدام $_POST. يتم التحقق من تطابق كلمة المرور وتأكيدها. بعد ذلك، نقوم بتجزئة كلمة المرور باستخدام password_hash لإدخالها في قاعدة البيانات. إذا نجحت العملية، يتم إظهار رسالة نجاح.

الخطوة الرابعة: اختبار التسجيل

بعد إكمال إعداد النموذج وملف PHP، يمكنك الآن اختبار تسجيل المستخدم. قم بإدخال بيانات المستخدم في النموذج، ثم اضغط على "تسجيل". بعد ذلك، تحقق من قاعدة البيانات للتأكد من إدخال البيانات بشكل صحيح.

تحسين الأمان

عند إنشاء صفحة تسجيل المستخدم، من المهم ضمان أمان البيانات. يمكنك استخدام تقنيات مثل:

تجزئة كلمات المرور باستخدام password_hash() لتجنب تخزين كلمات المرور بصيغة نصية.
التحقق من صحة البيانات المدخلة باستخدام filter_var() للبريد الإلكتروني.
منع هجمات SQL Injection باستخدام استعلامات مُجهزة (Prepared Statements).

الخلاصة

إنشاء صفحة تسجيل مستخدم جديدة باستخدام PHP وHTML هو جزء أساسي من تطوير مواقع الويب التفاعلية. باتباع الخطوات التي وضحناها، يمكنك إعداد نموذج تسجيل يعمل بشكل آمن ويخزن بيانات المستخدمين في قاعدة بيانات MySQL.