PONG/frontend_send_request

[Squidtyper]

Send requests to backend when a 'ArrowUp' or a 'ArrowDown' key is pressed and connect the return value to the Rendering class.

[Squidtyper]

to send request:
frontend:
socket?.emit('start', {gameID});
in which:
socket is a socket initialized before. The '?' will check if socket exist, if null, no emit function is executed.
'start' is the message attached to the information {gameID} at the backend searching for subscribemessage 'start' will find this message sent from the frontend.

backend:
@SubscribeMessage('start')
GameStart(client, payload:{gameID:number}): void {
console.log('start message received. GameID: ', payload.gameID);
let interval:NodeJS.Timeout;
const newGame = new Game(payload.gameID);
this.Game.push(newGame);
const nbr = gameNbr(this.Game, payload.gameID);
if (nbr === -1)
throw new Error('Game not found');
interval = setInterval(() =>{
this.server.emit('GameVar', this.Game[nbr].getGV());
}, 50);
in which:
When 'start' message is received, the 'GameStart' function is executed.
A new Game class is made and pushed to an array of game classes, with an ID so the game can be found back.