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:
parent
f04d1342b5
commit
fbcb48f9ad
@ -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});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
|
}
|
||||||
}
|
}
|
@ -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
|
||||||
}
|
}
|
@ -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;
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user