مساعدة في مشروع

الخطأ لديك في ملف backend\src\socket\socket.adapter.ts .

ففي التعليقات في كود الـ Frontend في ملف frontend\app\socket\socket.ts تقول أن الباك إند يقرأ التوكن من socket.handshake.headers.cookie مباشرة ولكن إذا نظرنا إلى كود AuthSocketAdapter في الواجهة الخلفية سنجد أنه لا يقرأ الكوكيز أبدا فالكود الحالي في الباك إند يبحث عن التوكن هنا: 

const token =
  socket.handshake.auth?.token ||
  socket.handshake.headers?.authorization?.split(' ')[1];

وبما أنك تعتمد على HttpOnly Cookie وتستخدم withCredentials: true فإن التوكن سيصل إلى الباك إند داخل socket.handshake.headers.cookie وليس في ال auth أو ال authorization.

والحل أنك تحتاج إلى استخراج التوكن من ال Cookie و أسهل طريقة هي استخدام حزمة cookie الخاصة ب Node.js.

قم بتعديل ملف  backend\src\socket\socket.adapter.ts  ليقوم بفك تشفير الكوكيز واستخراج التوكن:

import { IoAdapter } from '@nestjs/platform-socket.io';
import { TokenService } from 'src/token/token.service';
import { Server, Socket } from 'socket.io';
import { INestApplication } from '@nestjs/common';
import { NextFunction } from 'express';
import { FRONTEND_URL } from 'src/url';
import * as cookie from 'cookie';

export class AuthSocketAdapter extends IoAdapter {
  constructor(
    app: INestApplication,
    private tokenService: TokenService,
  ) {
    super(app);
  }

  createIOServer(port: number, options?: any): Server {
    const server = super.createIOServer(port, {
      ...options,
      cors: {
        origin: FRONTEND_URL,
        credentials: true,
      },
    });

    server.use((socket: Socket, next: NextFunction) => {
      try {
        const rawCookies = socket.handshake.headers.cookie;
        
        if (!rawCookies) {
           return next(new Error('Unauthorized: No cookies found'));
        }

        const parsedCookies = cookie.parse(rawCookies);

        const token = parsedCookies.token;

        if (!token) return next(new Error('Unauthorized'));

        const payload = this.tokenService.verifyToken(token);
        socket.data.user = payload;

        next();
      } catch {
        next(new Error('Unauthorized'));
      }
    });

    return server;
  }
}

فعلا تم حل مشكلة شكرا لكم جدا لكن واجهتني مشكلة اخرة على الرغم من ان NestJs بدء ب عمل realtime الا ان في فرونت اند لازم احدث صفحة حتى يظهر اشعار