socket.emit لا يعمل بداخل socket.on

جيد أنك استطعت ايجاد المشكلة والحل بنفسك، وهذه هي أفضل طريقة للتعلم، توجد عدة طرق لحلّ المشكلة التي واجهتك فمثلا، يمكننا الاعتماد على مراقبة حالة الاتصال على جانب العميل واستخدام Socket.io Events بشكل فعال.

على جانب العميل نستخدم الكود التالي:

const socket = io();


// الاستماع لحدث قطع الاتصال
socket.on('disconnect', function (reason) {
  console.log('Disconnected:', reason);
  if (reason === 'io server disconnect') {
    // إذا تم فصل الاتصال من قبل الخادم، حاول إعادة الاتصال يدويًا
    socket.connect();
  }
});


// الاستماع لحدث إعادة المحاولة بعد الفشل في الاتصال
socket.on('reconnect_attempt', () => {
  console.log('Attempting to reconnect...');
});


// الاستماع لحدث الفشل في إعادة الاتصال
socket.on('reconnect_failed', () => {
  console.log('Failed to reconnect');
  window.onbeforeunload = null;
  location.href = "/";
});


// الاستماع لحدث انقطاع الاتصال بسبب فشل المحاولات
socket.on('reconnect_error', (error) => {
  console.log('Reconnect error:', error);
  window.onbeforeunload = null;
  location.href = "/";
});


// الاستماع لحدث نجاح إعادة الاتصال
socket.on('reconnect', (attemptNumber) => {
  console.log('Reconnected on attempt:', attemptNumber);
});

ومن جانب الخادم:

io.on('connection', function (socket) {
  socket.on('disconnect', function (reason) {
    if (UserInfo[socket.id]) {
      console.log(`User ${socket.id} disconnected due to ${reason}`);    }
  });
});

فمن جانب العميل، يتم الاستماع لحدث disconnect لمراقبة سبب قطع الاتصال فإذا كان سبب انقطاع الاتصال هو io server disconnect، يحاول العميل إعادة الاتصال يدويا.

ثم يتم الاستماع لكل من حدث reconnect_attempt للإبلاغ عن محاولة إعادة الاتصال، وحدث reconnect_failed للإبلاغ عن فشل جميع محاولات إعادة الاتصال، وفي هذه الحالة يتم إعادة تحميل الصفحة.

كذلك بالنسبة لحدث reconnect_error للإبلاغ عن حدوث خطأ في إعادة الاتصال، وفي هذه الحالة يتم إعادة تحميل الصفحة أيضا.

يتم الاستماع لحدث reconnect للإبلاغ عن نجاح إعادة الاتصال.

أما على جانب الخادم يتم الاستماع لحدث disconnect للإبلاغ عن سبب قطع الاتصال.