حل مشكلة WebSocket Connection Failed: Error during WebSocket handshake: Unexpected response code: 400 في Socket.IO

const express = require('express');
const http = require('http'); // 1. استدعاء وحدة HTTP المدمجة
const { Server } = require('socket.io');

const app = express();
const server = http.createServer(app); // 2. إنشاء HTTP Server وتمرير Express له

// 3. ربط Socket.IO بـ HTTP Server المُنشيء
const io = new Server(server, {
    cors: {
        origin: "http://localhost:3000"
    }
});

io.on('connection', (socket) => {
    console.log('مستخدم جديد اتصل بنجاح:', socket.id);
});

// 4. تشغيل السيرفر عن طريق server.listen وليس app.listen
server.listen(4000, () => {
    console.log('Server and WebSockets running on port 4000');
});