الدردشة مع أشخاص عشوائيين على شبكة الإنترنت!
النهاية الخلفية:
بالنسبة للواجهة الخلفية، استخدمت إعداد Node/Express.js بسيطًا جدًا. إنه لا يتضمن أي وحدات تحكم أو نماذج، حيث أن وظيفة التطبيق كانت بسيطة نسبيًا ولم أرغب في المبالغة في الإعداد.
لقد استخدمت Switch.io لوظيفة الدردشة في الوقت الفعلي، والاستماع إلى أي شيء ينبعث من localhost:3000 . عندما يتصل المستخدمون بالمقبس، يقومون في البداية بمسح غرف المقبس للبحث عن المستخدمين الآخرين الذين ينتظرون الاقتران. إذا لم يكن هناك مستخدم آخر متصل وينتظر، فسيتم إنشاء غرفة جديدة وسينتظر المستخدم الحالي انضمام شخص آخر. يمكن للمستخدمين أيضًا مغادرة غرفتهم الحالية والانضمام/الانتظار للانضمام إلى غرفة أخرى مع مستخدم مختلف.
الواجهة الأمامية:
بالنسبة للواجهة الأمامية، استخدمت تطبيق React/Redux. تم استخدام Redux فقط لتخزين مستخدم الجلسة الحالية.
عندما ينتقل المستخدمون إلى localhost:3000 تتم مطالبتهم بإدخال اسم مستخدم. بمجرد الدخول، يتم إقرانهم بمستخدم آخر أو يُطلب منهم الانتظار حتى ينضم مستخدم آخر إلى الدردشة. بمجرد الانضمام، يمكنهم الدردشة بحرية مع المستخدم الآخر في جلسة دردشة خاصة. يمكنهم كتابة أوامر مثل /delay 1000 message الذي ينتظر مقدار المللي ثانية التي تم إدخالها قبل إرسال الرسالة، أو /hop الذي يتيح لهم مغادرة الدردشة الحالية والانضمام إلى دردشة أخرى أو انتظار انضمام مستخدم آخر إلى الدردشة الخاصة بهم.
البدء بسيط! انتقل إلى دليل المشروع واكتب الأوامر التالية:
$ cd src
$ npm install
$ npm start
يجب أن تكون جاهزًا للعمل! لا تتردد في الانتقال إلى localhost:3000 والتحقق من ذلك!
