توضح هذه المقالة إنشاء تطبيق دردشة بسيط باستخدام socket.io و backbone.js. يسهل Socket.io تطبيقات الويب التفاعلية في الوقت الفعلي ، في حين أن Backbone.js تقوم بتكوين رمز من جانب العميل لتحسين الإدارة والفصل. من المفترض أن الألفة مع Node.js و Express ؛ العمود الفقري والمعرفة السفلية.

مفاهيم المفاتيح:

يقوم تطبيق الدردشة بالاستفادة من Socket.io و Backbone.js لوظائف الوقت الفعلي والمؤسسة من جانب العميل.
تتم إدارة تفاعلات عميل عميل بواسطة
• HomeView ، والتي تستخدم HomeModel . مجموعات العمود الفقري تحديث العرض بناءً على تغييرات النموذج. عميل Socket.io يتولى اتصالات الخادم.
يحافظ الخادم (Node.js ، Express ، Socket.io) على المستخدمين عبر الإنترنت ويبث الرسائل. حدث الخادم الأساسي هو
• "اتصال" .
Socket.io يبسط اتصالات خادم العميل ، ويقدم المكتبات لمختلف الأنظمة الأساسية وتقنيات الخلفية (على الرغم من أنها مصممة بشكل أساسي لـ node.js).
الأمان (https ، jwt) وقابلية التوسع (محول إعادة التحميل ، موازنات التحميل ، مجموعة node.js) هي مسؤوليات المطورين.

بنية العميل:

• homeModel (/public/js/models/main.js): Buducted&&] يتضمن طرقًا لإضافة وإزالة المستخدمين والمحادثات. قالب الصفحة الرئيسية (/public/index.html): Budap & am يحدد بنية html لواجهة الدردشة ، بما في ذلك قائمة الدردشة وقائمة المستخدم عبر الإنترنت. الدردشة

  ) ، ومسعب أحداث الخادم (
مرحبًا
• ،

  محادثة). يستخدم

  socket.emit ()
لإرسال و
• socket.on ()

  لتلقي الرسائل. mainController (/public/js/main.js): Budap &&&] يقوم بتنظيم التواصل بين المشاهدات والموديلات وعميل socket.io باستخدام حافلات الأحداث ( Appeventbus يتعامل مع تسجيل الدخول ، ورسائل الدردشة ، والانضمام/المغادرة ، ويقوم بتحديث النموذج وفقًا لذلك. bootstrap (/public/js/main.js): Budap&&] تهيئة mainController لبدء التطبيق. تنفيذ خادم-سايد: يستخدم رمز جانب الخادم node.js و express و socket.io.

  Express Server (/scripts/web.js): Budapy&&] إعداد الخادم السريع ، ويخدم الملفات الثابتة من الدليل

• chatserver (/scripts/Chatserver.js): Budapy&&] يدير المستخدمين عبر الإنترنت ( المستخدمين صفيف) ، ( قم بفصل الحدث) ، ويدير قوائم المستخدمين عبر الإنترنت (

  onlineusers
الحدث) ، ويقوم ببث رسائل الدردشة (
• chat

  ). يستخدم نموذج المستخدم لتمثيل المستخدمين المتصلين.

يوضح مخطط (انظر الصورة الأصلية أدناه) تدفق الرسالة بين العميل والخادم.

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