Share players position using Socket.IO

- I stocked information user (id, room and position) in socket client.
 - I created function to send all information every few 10 milliseconds.

Note : when the front will be available, we must check the performance of back server.
This commit is contained in:
gparant 2020-04-04 19:25:08 +02:00
parent f04d1342b5
commit fbcb48f9ad
4 changed files with 71 additions and 8 deletions

View file

@ -1,7 +1,7 @@
import {Application, Request, Response} from "express"; import {Application, Request, Response} from "express";
import Jwt, {JsonWebTokenError} from "jsonwebtoken"; import Jwt, {JsonWebTokenError} from "jsonwebtoken";
import {BAD_REQUEST, OK} from "http-status-codes"; import {BAD_REQUEST, OK} from "http-status-codes";
import {SECRET_KEY} from "../Enum/EnvironmentVariable"; import {SECRET_KEY, ROOM} from "../Enum/EnvironmentVariable";
export class AuthenticateController{ export class AuthenticateController{
App : Application; App : Application;
@ -21,7 +21,7 @@ export class AuthenticateController{
}); });
} }
//TODO check user email for The Coding Machine game //TODO check user email for The Coding Machine game
let token = Jwt.sign({email: param.email}, SECRET_KEY, {expiresIn: '24h'}); let token = Jwt.sign({email: param.email, roomId: ROOM}, SECRET_KEY, {expiresIn: '24h'});
return res.status(OK).send({token: token}); return res.status(OK).send({token: token});
}); });
} }

View file

@ -26,6 +26,7 @@ export class IoSocketController{
}); });
this.ioConnection(); this.ioConnection();
this.shareUsersPosition();
} }
ioConnection() { ioConnection() {
@ -38,7 +39,6 @@ export class IoSocketController{
x: user x position on map x: user x position on map
y: user y position on map y: user y position on map
*/ */
socket.on('join-room', (message : string) => { socket.on('join-room', (message : string) => {
let messageUserPosition = this.hydrateMessageReceive(message); let messageUserPosition = this.hydrateMessageReceive(message);
if(messageUserPosition instanceof Error){ if(messageUserPosition instanceof Error){
@ -47,7 +47,7 @@ export class IoSocketController{
//join user in room //join user in room
socket.join(messageUserPosition.roomId); socket.join(messageUserPosition.roomId);
// sending to all clients in room except sender // sending to all clients in room except sender
this.saveUserPosition((socket as ExSocketInterface), messageUserPosition); this.saveUserInformation((socket as ExSocketInterface), messageUserPosition);
socket.to(messageUserPosition.roomId).emit('join-room', messageUserPosition.toString()); socket.to(messageUserPosition.roomId).emit('join-room', messageUserPosition.toString());
}); });
@ -57,15 +57,17 @@ export class IoSocketController{
return socket.emit("message-error", JSON.stringify({message: messageUserPosition.message})); return socket.emit("message-error", JSON.stringify({message: messageUserPosition.message}));
} }
// sending to all clients in room except sender // sending to all clients in room except sender
this.saveUserPosition((socket as ExSocketInterface), messageUserPosition); this.saveUserInformation((socket as ExSocketInterface), messageUserPosition);
socket.to(messageUserPosition.roomId).emit('join-room', messageUserPosition.toString()); socket.to(messageUserPosition.roomId).emit('join-room', messageUserPosition.toString());
}); });
}); });
} }
//permit to save user position in socket //permit to save user position in socket
saveUserPosition(socket : ExSocketInterface, message : MessageUserPosition){ saveUserInformation(socket : ExSocketInterface, message : MessageUserPosition){
socket.position = message.position; socket.position = message.position;
socket.roomId = message.roomId;
socket.userId = message.userId;
} }
//Hydrate and manage error //Hydrate and manage error
@ -77,4 +79,61 @@ export class IoSocketController{
return new Error(err); return new Error(err);
} }
} }
/** permit to share user position
** users position will send in event 'user-position'
** The data sent is an array with information for each user :
[
{
userId: <string>,
roomId: <string>,
position: {
x : <number>,
y : <number>
}
},
...
]
**/
seTimeOutInProgress : any = null;
shareUsersPosition(){
if(!this.seTimeOutInProgress) {
clearTimeout(this.seTimeOutInProgress);
}
let clients = this.Io.clients();
let socketsKey = Object.keys(this.Io.clients().sockets);
//create mapping with all users in all rooms
let mapPositionUserByRoom = new Map();
for(let i = 0; i < socketsKey.length; i++){
let socket = clients.sockets[socketsKey[i]];
if(!(socket as ExSocketInterface).position){
continue;
}
let data = {
userId : (socket as ExSocketInterface).userId,
roomId : (socket as ExSocketInterface).roomId,
position : (socket as ExSocketInterface).position,
};
let dataArray = <any>[];
if(mapPositionUserByRoom.get(data.roomId)){
dataArray = mapPositionUserByRoom.get(data.roomId);
dataArray.push(data);
}else{
dataArray = [data];
}
mapPositionUserByRoom.set(data.roomId, dataArray);
}
//send for each room, all data of position user
let arrayMap = Array.from(mapPositionUserByRoom);
arrayMap.forEach((value) => {
let roomId = value[0];
let data = value[1];
this.Io.in(roomId).emit('user-position', JSON.stringify(data));
});
this.seTimeOutInProgress = setTimeout(() => {
this.shareUsersPosition();
}, 10);
}
} }

View file

@ -1,5 +1,7 @@
const SECRET_KEY = process.env.SECRET_KEY || "THECODINGMACHINE_SECRET_KEY"; const SECRET_KEY = process.env.SECRET_KEY || "THECODINGMACHINE_SECRET_KEY";
const ROOM = process.env.ROOM || "THECODINGMACHINE";
export { export {
SECRET_KEY SECRET_KEY,
ROOM
} }

View file

@ -2,6 +2,8 @@ import {Socket} from "socket.io";
import {PointInterface} from "./PointInterface"; import {PointInterface} from "./PointInterface";
export interface ExSocketInterface extends Socket { export interface ExSocketInterface extends Socket {
token: object; token: any;
roomId: string;
userId: string;
position: PointInterface; position: PointInterface;
} }