كيفية انشاء تطبيق ويب الدردشة باستخدام PHP مع MySQL و JavaScript

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

 

في تطبيق الدردشة هذا ، عندما تفتحه أولاً على متصفحك ، يظهر نموذج تسجيل حيث يتعين عليك التسجيل بتفاصيلك مثل الاسم والبريد الإلكتروني وكلمة المرور والصورة. تم التحقق من حقلي البريد الإلكتروني والصورة بالكامل مما يعني أنه يجب عليك إدخال بريد إلكتروني صالح وملف صورة فقط. بمجرد الاشتراك بنجاح ، ستتم إعادة توجيهك إلى صفحة المستخدم حيث يمكنك رؤية اسمك بالكامل وصورتك وحالتك وزر تسجيل الخروج في الأعلى ، وسيظهر المستخدمون مثلك في الجزء السفلي إذا قام شخص ما بالتسجيل.

 

في هذه الصفحة ، يمكنك رؤية صورتهم واسمهم وحالتهم والرسالة الأخيرة إذا أرسلوا إليك. يجب عليك النقر فوق المستخدم المعين أو يمكنك أيضًا البحث عن أي مستخدم موجود باسمه ، ثم ستتم إعادة توجيهك إلى صفحة الدردشة وهناك يمكنك رؤية الصورة والاسم وحالة هذا المستخدم الذي سيقوم بالدردشة.

 

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

 

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

 

في الفيديو ، شاهدت العرض التوضيحي لتطبيق الدردشة في PHP و MySQL والرموز أو المفاهيم الكامنة وراء إنشاء تطبيق الدردشة. كما أخبرتك سابقًا ، فقد استخدمت PHP مع MySQL و JavaScript Ajax الخالص لإنشاء تطبيق الدردشة هذا ، لذا لا تحتاج إلى إعادة تحميل الصفحة لرؤية التغييرات في تطبيق الدردشة. أعرف ما إذا كنت مبتدئًا وليس لديك معرفة كافية بلغة PHP ، فمن المؤكد أنك ستواجه صعوبة في فهم الرموز.

 

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

 

تطبيق ويب الدردشة باستخدام PHP

كيفية تنزيل ملفات التعليمات البرمجية المصدر وماذا تفعل بعد تنزيلها؟

الخطوات: - لتنزيل الملفات ، ما عليك سوى النقر على زر التنزيل المحدد ثم يبدأ مؤقت 60 ثانية ، فقط انتظر المؤقت. بمجرد اكتمال المؤقت ، سيتم تنزيل ملف مضغوط تلقائيًا. بمجرد تنزيله ، ما عليك سوى استخراج الملف المضغوط ثم سترى اسم المجلد مع ChartApp. انسخ هذا المجلد والصقه داخل مجلد htdocs في XAMPP ثم ابدأ Apache و MySQL من لوحة تحكم XAMPP.

 

بعد الانتهاء من هذه الخطوات ، انتقل إلى المستعرض الخاص بك وافتح عنوان URL هذا localhost / phpmyadmin ثم قم بإنشاء اسم قاعدة بيانات جديد باستخدام تطبيق chat app. بعد إنشاء قاعدة البيانات ، يمكنك رؤية خيار الاستيراد ، ما عليك سوى النقر فوقه واستيراد ملف SQL الموجود في مجلد Chat App. كل شيء يتم الآن ، فقط افتح عنوان URL localhost / chat app هذا كل شيء. تطبيق الدردشة الخاص بك جاهز للدردشة.