Socket.io - sync data between server and clients

Question

first time node js, i am writing an app for private use between me and friends where my friends could join in anytime.

is it possible to have the server have an object array a.e. 'franksLibrary' with n items

and the users be able to read and modify 'franksLibrary'?

currently what i do is have 'franksLibrary' set in the users webpage and send franksLibrary and all other vars to sync via socket.io

index.js is the server code, index.html is what is delivered to the user

examle index.js

var http = require('http').createServer(app);
var io = require('socket.io')(http);

app.get('/', function(req, res){
  res.sendFile(__dirname + '/index.html');
});

io.on('connection', function(socket){
  socket.on('chat message', function(msg, usr){
    io.emit('chat message',msg, usr);
  });

});
http.listen(3000, function(){
  console.log('listening on *:3000');
});

example index.html:

    var franksLibrary = [{
            "book1":"title of book 1"
        },
        {
            "book2":"title of book 2"
        }];

   socket.on('chat message', function(franksL /*,more variables*/){
       franksLibrary = franksL
    });

    synch = function(){
        socket.emit('chat message', franksLibrary /*,more variables*/);
    }

    removeBook = function(object, from){
        var a = object;
        var index = from.indexOf(a);
        from.splice(index,1);
        synch();
    }

`is it possible` yes `currently what i do` okay, what's the problem? Share the relevant code in a [mcve] and explain what needs to improve. — Patrick Roberts, Nov 12 '19 at 21:36
i've added a simplified version of my code, and i want the variables stored at the server not at the user — Odinh, Nov 12 '19 at 21:49

ryan.l · Accepted Answer · 2019-11-12T23:38:52.197

Move franksLibrary from index.html to index.js. Then, in the connection callback on the server, send chat message with the data to the newly connected client.

index.js

var franksLibrary = [{
  "book1": "title of book 1"
},
{
  "book2": "title of book 2"
}];

io.on('connection', function(socket) {
  socket.emit('chat message', franksLibrary);
  socket.on('chat message', function(data) {
    franksLibrary = data;
    socket.broadcast.emit('chat message', franksLibrary);
  });
});

index.html

// initialize variable
var franksLibrary = [];

const socket = io();

socket.on('chat message', function(franksL) {
  franksLibrary = franksL;
});

const synch = function(){
  socket.emit('chat message', franksLibrary);
};

const removeBook = function(object, from) {
  var a = object;
  var index = from.indexOf(a);
  from.splice(index,1);
  synch();
};

thanks this is exactly what i wanted,this way it does not matter if my users reconnect it will still give the accurate state — Odinh, Nov 12 '19 at 23:09

Socket.io - sync data between server and clients

1 Answers1