"Sockets.Io In Node js with different file"
Bootstrap 4.1.1 Snippet by Arjunverma

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<h2>Sockets/Server.js</h2>
</div>
</div>
const socketIo = require('socket.io');
const app = express();
const server = http.createServer(app);
//Sockets Cors
const io = socketIo(server, {
cors: {
origin: 'http://localhost:5173', // Use a specific origin
methods: ['GET', 'POST'],
credentials: true
}
});
setupSocket(io); // Set up socket events
module.exports = { io }; // Export io for other files (to avoid circular dependency)
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
let activeUsers = {};
const setupSocket = (io) => {
io.on('connection', (socket) => {
console.log(`User connected: ${socket.id}`);
// Handle user disconnect
socket.on('disconnect', () => {
console.log(`User disconnected: ${socket.id}`);
Object.keys(activeUsers).forEach((userId) => {
if (activeUsers[userId] === socket.id) {
delete activeUsers[userId];
}
});
});
});
};
module.exports = { setupSocket };
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vue Now UI Dashboard PRO
Input File - Popover Preview Image

Questions / Comments: