Estoy haciendo una app con express, mongoose, y socket.io. Mi intención es hacer que cuando un usuario ingrese, se una a una room cuyo nombre es el nombre de la ciudad con la que se registró. La idea es que cuando un usuario A y B pertenezcan a una misma ciudad, estén unidos a la misma room. Pero no logro que me funcione. Cuando un usuario A, emite información a la room, esta información no llega al usuario B, ni a los demás conectados a esta.
este es mi archivo del lado del servidor:
app.js
var express = require('express');
// .. others modules here ..
var app = express();
var server = require("http").Server(app);
var io = require("socket.io")(server);
// my custom routes
var routes = require('./routes/index');
// socket.io config
io.on('connection',function(socket){
console.log("new user connected id socket: "+socket.id);
// evento disparado cuando un usuario inicia sesion
socket.on("join", function(data){
socket.join(data);
console.log("connected to room: "+data);
console.log(io.nsps["/"].adapter);
});
//evento que recibe el nombre de la ciudad a la que emitirán datos
socket.on("notificar",function(ciudad){
console.log("sending data to: "+ciudad);
io.to(ciudad).emit("recibir",{message: "new "+ciudad});
});
});
server.listen(3000, function () {
//console.log('Example app listening on port 3000!');
});
Todas las páginas del lado del cliente incluyen el script socket-client.js para la conexión con el servidor.
socket-client.js
var socket = io.connect('http://localhost:3000');
socket.on('connection', function (data) {
console.log(data);
});
// para enviar datos a la room
$("#form-report").on('submit',function(i,e){
// city es la ciudad que será el nombre de la room
var city = $("#report-city").html();
socket.emit("notificar",city);
});
// para recibir datos de la room
socket.on('recibir', function(socketData){
alert("recibiendo datos: "+socketData);
});
El archivo validate-user.js es un archivo que captura el usuario y contraseña del formulario de login, y valida si existe. Si es así, entonces dispara el evento join del servidor.
validate-user.js
// usuario y contraseña desdel el formulario
input_email = $("form#form-login input#email");
input_pass = $("form#form-login input#password");
$("#btn-login").on('click',function(i,e){
email = input_email.val();
pass = input_pass.val();
// petición para validar si existe
$.ajax({
type: 'post',
dataType: 'json',
url: 'http://localhost:3000/autenticate/'+email+'/'+pass,
success: function(data){
if(data.exist === false){
$("#label-email").html(data.message);
return true;
input_email.val("");
input_pass.val("");
}else{
// SI EXISTE disparar e vento "join" del servidor
socket.emit("join",data.data.ciudad);
location.href = "http://localhost:3000/"+email;
}
},
error: function(err){
console.log(err);
return false;
}
});
return false;
});
El problema entonces es que cuando se conectan los dos usuarios de la misma ciudad, no se unen en la misma sala. Aquí dejo unos screenshoots cuando se conectó el usuario A y posteriormente el usuario B.
screenshoots
location.href = "http://localhost:3000/"+email
. Esto no hace que tu usuario se desconecte automaticamente?