插座IO：新连接断开房间连接

Question

我有一个可以在XYZ轴上移动的对象的应用程序。用户可以使用按钮检索套接字ID并将其发送给朋友。启动应用程序并设置房间参数时，将添加到用户组中。

我现在的问题是： 一旦新用户打开应用程序（URL中有和没有参数），该连接就不再起作用了。 当我将所有组登录到控制台时，我可以看到这两个插座。ID仍在同一组中，但它不再起作用。

client.js

// client
var socket = io();
// object which holds position data
var obj = app.scene.getObjectByName('persp1');
// on connection receive socket.id
socket.on("connect", () => {
  $('#inviteURL').html(socket.id);
});

// detect if client joined a session, cannot detect if host
if (!hasQueryParams(window.location.href)) {
  document.getElementById("buttonInvite").style.display = "block";
} else {
  document.getElementById("buttonLeave").style.display = "block";
}

function hasQueryParams(url) {
  return url.includes('?');
}
// when receiving data from server update objects position
socket.on('newPos', function (pos) {
  obj.position.x = pos.x;
  obj.position.y = pos.y;
  obj.position.z = pos.z;
});
// current position of object
var x = obj.position.x;
var y = obj.position.y;
var z = obj.position.z;
var oldPos;
// check if position has changed, if yes then send event to server with new position in 60fps
setInterval(function () {
  if (typeof oldPos !== "undefined" && (x !== obj.position.x || y !== obj.position.y || z !== obj.position.z)) {
    socket.emit('movement', {
      x: obj.position.x,
      y: obj.position.y,
      z: obj.position.z
    });
  }
  oldPos = obj.position.x;
  x = obj.position.x;
  y = obj.position.y;
  z = obj.position.z;
}, 1000 / 60);

server.js

//server
const express = require('express');
const app = express();
const http = require('http');
const server = http.createServer(app);

const {Server} = require("socket.io");
const io = new Server(server);
const url = require('url');
// use public folder
app.use(express.static(__dirname + '/public'));
//variable which will hold get-url-parameter with roomID
var room;
// send users to index.html
app.get('/', (req, res) => {
  //get url parameter room
  room = req.query.room;
  res.sendFile(__dirname + '/roman_websockets.html');
});
// on connection
io.on('connection', (socket) => {
  // if theres a get-url parameter then join the room
  if (typeof room !== "undefined") {
    socket.join(room);
  }
  // show rooms all 5 seconds
  setInterval(function () {
    console.log('rooms');
    console.log(io.sockets.adapter.rooms);
  }, 5000);

  // when receiving new client-data from event movement, send client-data to all clients in group including sender
  socket.on('movement', function (movementData) {
    io.in(room).emit('newPos', movementData);
  });
  // on disconnect
  socket.on('disconnect', () => {
    socket.disconnect();
    socket.removeAllListeners();
    console.log('user disconnected');
  });
});

server.listen(3000, () => {
  console.log('listening on *:3000');
});

Answer 1

我能够解决这个问题。

问题是var Room每次建立新的连接时都会覆盖，然后将事件散发到房间，最后连接。

为了解决这个问题，我创建了一个播放器对象，该对象现在可以容纳整个房间。然后，我可以将活动发送到玩家室。

创建玩家对象并为其分配空间。

var players = {};

players[socket.id] = {
  playerId: socket.id,
  playerRoom: room
};

然后将其发送给玩家房间。现在它的动态。

if (players[socket.id].playerRoom !== 'default') {
  io.to(players[socket.id].playerRoom).emit('newPos', movementData);
}