Почему при отправке сообщения через сокеты, отправляется Blob?

Question

[MishaXXL]

Есть сервер

import { WebSocketServer } from 'ws'
const webSocketServer = new WebSocketServer({ port: 8081 })
const clients = {}

webSocketServer.on('connection', ws => {
  const id = Math.random()
  clients[id] = ws

  ws.on('message', function(message) {
    for (let key in clients) {
      clients[key].send(message)
    }
  });

  ws.on('close', function() {
    delete clients[id];
  });
});

И есть клиент

const socket = new WebSocket('ws://localhost:8081')
document.forms.publish.onsubmit = function() {
  var outgoingMessage = this.message.value;
  socket.send(outgoingMessage);
  return false;
};

socket.onmessage = function(event) {
    const incomingMessage = event.data;
    console.log(incomingMessage)
    showMessage(incomingMessage);   
};

function showMessage(message) {
  var messageElem = document.createElement('div');
  messageElem.appendChild(document.createTextNode(message));
  document.getElementById('subscribe').appendChild(messageElem);
}

Почему в incomingMessageприходит именно Blob?
Blob {size: 3, type: ''}

Как из данной структуры, где два свойства без информации, через
await new Response(incomingMessage).text()
уже получаю строку с данными в виде "123", если он не содержит и намека на эти данные?

Почему именно Blob, а не текст или Buffer?

Answer 1

[Alexandroppolus]

как и всегда, все ответы содержатся в Учебнике

При получении данных, текст всегда поступает в виде строки. А для бинарных данных мы можем выбрать один из двух форматов: Blob или ArrayBuffer.

Это задаётся свойством socket.binaryType, по умолчанию оно равно "blob", так что бинарные данные поступают в виде Blob-объектов.

Comments

[MishaXXL]

Подскажи пожалуйста, сделал легкие правки, чтобы отправлять объект
Как я понял, его надо слать через строку

let mid = 0

ws.on('message', function(message) {
    console.log('получено сообщение ' + message)
    mid += 1

    for (let key in clients) {
      clients[key].send(JSON.stringify({message, mid}))
    }
});

В консоли выводится текст
console.log('получено сообщение ' + message)

Но почему-то на клиенте получается такая история

const text = await new Response(incomingMessage).text()
const json = JSON.parse(text)
console.log(text)    // {"message":{"type":"Buffer","data":[50,51]},"mid":10}
console.log(json)   // message: {type: 'Buffer', data: Array(2)}, mid: 10

Почему у меня mid передался нормально, как и есть, а текст сообщения в итоге стал буфером
Как правильно передать данные?

[Егор Живагин]

MishaXXL, у вас в message лежит Blob. Если завернуть это в JSON, у вас будет Blob внутри json

Можно просто прочитать на клиенте текст из Blob - ссылка на доку