如何通过已经建立的 Websocket 连接发送 websocket 消息？

Question

我正在使用 Firefox 与简单的 websocket 服务器进行交互。打开网页后，Firefox 会与 websocket 服务器建立连接。

在这种情况下，我希望能够使用这个打开的连接发送消息。我该怎么做？我可以使用 Firefox 控制台并重新使用 websocket 对象向服务器发送消息吗？

默认情况下，我需要执行以下操作：

let socket = new WebSocket("wss://javascript.info/article/websocket/demo/hello");

socket.onopen = function(e) {
  alert("[open] Connection established");
  alert("Sending to server");
  socket.send("My name is John");
};

但上面的代码只会创建新的连接。我的目标是重用已经建立的连接来发送消息。有什么建议吗？

Answer 1

如果您可以访问套接字，则可以发送任意数量的消息：

let socket = new WebSocket("wss://javascript.info/article/websocket/demo/hello");

socket.onopen = function(e) {
    console.log("[open] Connection established");
    console.log("Sending to server");
    socket.send("My name is John");
};

document.querySelector('button').addEventListener('click', e => {
    console.log("Sending to server");
    socket.send('I use the already established connection');
});

<button>click me to send a message</button>