我有这个示例数组:

[{
    id: 1,
    name: "test",
    position: [1234,850], // random position on the map
    points: 100 // example points
}];

这是我想做的:

1. 将数组转换为二进制数据，并将二进制数据发送到我的 WebSocket 服务器。
2. 在服务器上，将二进制文件解码为数组并进行更改。
3. 将数组转换为二进制，并将二进制发送给客户端。
4. 在客户端，将二进制文件解码回数组。

我的意思的示例截图:

这是我的实际代码:

var connection = new WebSocket('wss://my_website.eu:1234');
connection.binaryType = "ArrayBuffer";
connection.onmessage = function (event) {
    // console.log(event);
    if (event.data instanceof window["ArrayBuffer"]) {
        var data3 = JSON.parse(String.fromCharCode.apply(null, new Uint16Array(event.data)));
        console.log(data3);
    } else {
        console.log(event.data); // Blob {size: 0, type: ""}
    }
};

$("body").mousemove(function( event ) {
    var data = {
        name: "lol",
        pos: [event.pageX, event.pageY]
    };

    // convert to binary frame
    var data2 = new Uint16Array(data);
    console.log(data2); // []

    // try to convert back to array
    var data3 = String.fromCharCode.apply(null, new Uint16Array(data2));
    console.log(data3); // empty

    connection.send(data2); // Binary Frame (Opcode 2, mask) | length: 0                    
});

服务器端代码:

connection.on('message', function(message) {
    for (var i = players.length - 1; i >= 0; i--) {
        players[i].connection.send(message.binaryData);
    }
});

从这里阅读最新编辑

我现在可以将消息作为二进制帧发送到 WebSocket 服务器。 I found functions将字符串转换为二进制类型并将其发送到 WS 服务器。

现在我有一个问题。此功能(下方)在服务器端不起作用。示例代码:

var data = {
    name: "value"
};

connection.send(JSON.stringify(data));

这段代码运行良好。现在，当我尝试作为数组缓冲区发送时:

var data = {
    name: "value"
};

connection.send(StringToArrayBuffer(JSON.stringify(data)));

输出不是二进制帧。它只是一个字符串[object ArrayBuffer]:

我也试过:

connection.send(JSON.stringify(data), {binary: true, mask: false});

但这是将消息作为普通字符串发送，而不是二进制帧。

那么，我如何才能将二进制帧从 WebSocket 服务器发送到客户端？当我发回收到的二进制消息时:

connection.on('message', function(message) {
    for (var i = players.length - 1; i >= 0; i--) {
        playerConnection[i].send(message.binaryData);
    }
}

只有这个有效。

最佳答案

首先，浏览器对待二进制数据的方式与 NodeJS 不同。在浏览器中，二进制文件可以看作是 Blob 或 ArrayBuffer，但是在 NodeJS 中，它被看作是 Buffer 不理解 ArrayBuffer 。我不会对此进行深入探讨，但您需要在浏览器和 nodeJS 之间以不同方式处理 data。

在浏览器端使用 WebSocket 时，数据以字符串或二进制形式传输，如果使用二进制，则必须指定 BinaryType，在这种特殊情况下，我将使用 ArrayBuffer.

至于要缓冲的字符串，我建议使用标准的 UTF-8，因为有两种编码 UTF-16 的方法。例如UTF-16中的'\u0024'在UTF-16BE中将存储为00 24，而在UTF-16LE中将存储为24 00。也就是说，如果你打算使用UTF-16，那么你应该使用 TextEncoder 和 TextDecoder。否则你可以简单地这样做

strToAB = str =>
  new Uint8Array(str.split('')
    .map(c => c.charCodeAt(0))).buffer;

ABToStr = ab => 
  new Uint8Array(ab).reduce((p, c) =>
  p + String.fromCharCode(c), '');

console.log(ABToStr(strToAB('hello world!')));

对于 UTF-16，浏览器代码应该是这样的:

const ENCODING = 'utf-16le';
var ws = new WebSocket('ws://localhost');

ws.binaryType = 'arraybuffer';
ws.onmessage = event => {
  let str = new TextDecoder(ENCODING).decode(event.data),
    json = JSON.parse(str);
    console.log('received', json);
};
ws.onopen = () => {
  let json = { client: 'hi server' },
    str = JSON.stringify(json);
  console.log('sent',json);

  //JSON.toString() returns "[object Object]" which isn't what you want,
  //so ws.send(json) will send wrong data.
  ws.send(new TextEncoder(ENCODING).encode(str));
}

在服务器端，数据存储为 Buffer 并且它或多或少地在本地完成所有事情。但是，您需要指定编码，除非它是 UTF-8。

const ENCODING = 'utf-16le';
//You may use a different websocket implementation, but the core
//logic reminds as they all build on top of Buffer.
var WebSocketServer = require('websocket').server,
  http = require('http'),
  //This is only here so webSocketServer can be initialize.
  wss = new WebSocketServer({
    httpServer: http.createServer()
      .listen({ port: 80 })});

wss.on('request', request => {
  var connection = request.accept(null, request.origin);
  connection.on('message', msg => {
    if (msg.type === 'binary') {
      //In NodeJS (Buffer), you can use toString(encoding) to get
      //the string representation of the buffer.
      let str = msg.binaryData.toString(ENCODING);
      console.log(`message : ${str}`);

      //send data back to browser.
      let json = JSON.parse(str);
      json.server = 'Go away!';
      str = JSON.stringify(json);

      //In NodeJS (Buffer), you can create a new Buffer with a
      //string+encoding, and the default encoding is UTF-8.
      let buf = new Buffer(str, ENCODING);
      connection.sendBytes(buf);
    }
  });
});

关于javascript - 如何将 JavaScript 数组转换为二进制数据并返回 WebSocket？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39725716/