• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

108
Vistas
Emitir a una habitación específica usando SocketIo

Estoy tratando de permitir que los usuarios en las páginas del lado del cliente chateen con otros usuarios en la misma página (una sala), pero no con usuarios en diferentes páginas. En este momento, mi socket está emitiendo en todas las páginas. Me gustaría limitar las emisiones a una habitación para cada página.

Código del lado del servidor App.js

 const io = require('socket.io')(server, { cors: { origin: "*"}}); io.on('connection', (socket) => { socket.on('chat message', (msg) => { io.emit('chat message', msg); }); });

Etiqueta del lado del cliente

 <script src="/javascripts/socketIo.js"></script>

SocketIo.js

 const socket = io(); const messages = document.getElementById('messages'); const form = document.getElementById('form'); const input = document.getElementById('input'); socket.on('connection', (socket) => { socket.join(room); }); form.addEventListener('submit', function (e) { e.preventDefault(); if (input.value) { const alias = socket.id.slice(-5); socket.emit('chat message', alias + ": " + input.value); input.value = ''; } }); socket.on('chat message', function (msg) { const item = document.createElement('ul'); item.textContent = msg; messages.appendChild(item); window.scrollTo(0, document.body.scrollHeight); });

El código actual envía mensajes a todos los usuarios (sin habitaciones). Si actualizo el código a continuación para incluir el prefijo "socket.to" como lo indican los documentos , los mensajes dejarán de enviarse por completo.

de

 socket.emit('chat message', alias + ": " + input.value)

a

 socket.to(room).emit('chat message', alias + ": " + input.value)

¿Cómo obtengo socket para enviar los mensajes a las salas específicas de la página?

over 3 years ago · Santiago Gelvez
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda