В каком виде лучше передавать данные из вебсокет сервера?

Question

[postya]

У меня имеется один проект сразу для сервера и для клиента. Серверная часть находится в отдельной папке server
Мне нужно отсылать данные и принимать на клиенте
В качестве клиента будет приложеине на Vue JS,
На сервере будет множество методов, которые будут отправлять данные по разным категориям. Например, один методо отправляет цифры по температуре, другой - по влажности воздуха, третий - по давлению

Пример одного из методов:

function getRandomValue(){
  return Math.floor(Math.random() * (50 - 5 + 1)) + 5;
}
io.on("connection", socket => {
  setInterval(() => {
    socket.broadcast.emit("newData", getRandomValue())
  }, 1000)
});

В каком виде передавать данные для клиента лучше всего?
Сделать один большой json обьект?
Или может по разным стримам как-то можно передавать отдельныые методы с данными?
Подскажите пожалуйста лучшие варианты

Comments

[Alex McArrow]

Думаю самый оптимальный вариант - слать только "дельты".
Приведу пример:
Тип значения = Значения = Время последнего значения на сервере
> передоверяемые данные
---------------------
темп = 20 = 1
влаж = 90 = 1
> {t:20,v:90}
тем = 21 = 2
влаж = 90 = 1
> {t:21}
---------------------
Сформируйте таймер для отправки данных на клиента (каждые Х-секунд), сохраняйте временную метку последнего отправления данных Т = отправляем только те данные что старше Т
При таком подходе вы будете передавать только изменившийся данные.
Учтите, что при подключении клиента - нужно отправить все данные (так как клиент новый или переподключился после разрыва связи и данные могли устареть) и запомните для данного клиента Т - что бы в последующем отправлять только "дельту".

Удачи.

[postya]

Alex McArrow, а передевать данные лучше по Json отдельно каждым обьектом или массивом обьектов?

[Alex McArrow]

postya, ну у вас же просто зада передать - вам же потом на клиенте нужно это все отобразить.
Тут уже все от специфики набора данных: может их можно группировать по каким-то логическим группам.
Как пример: на сервере данные приборов (температура, влажность и давление) по 5 объектам =>

{
"object1": {
  "temp": 23,
  "wet": 90,
  "pres": 975
  },
"object3": {
  "temp": 24,
  "pres": 976
  },
"object5": {
  "wet": 92,
  }
}

поля по которым нет изменений "отсекаем" + объекты по которым нет данных, так же, "отсекаем"

Если вы реально хотите уменьшить пакет данных.
С другой стороны - а нужно ли оно?
Если данные будут передаваться по медленной и "дорогой" сети (GPRS) - то лучше смотреть в сторону бинарных форматов. Если же в рамках локальной сети 10\100\1000Мб - выигрыш на списках

[postya]

Alex McArrow, Благодарю!