如何通过浏览器在用户之间进行实时交互

Question

我有一个包含四个文本区域的网页。假设页面URL为example.com?Id=5

现在我想要实现的是当两个用户访问这个页面时。并且它们中的一个在任何文本区域的内容中进行更改。然后，它应该反映相同URL的所有其他用户的窗口中的更改。请给出实现这一点的指令。

Answer 1

Websockets可以是一个很好的解决方案。例如，您可以创建一个发布/订阅设计模式，其中两个用户将通过websocket订阅服务器。。。

var ws = new WebSocket('ws://yourdomain.com/ws-route');
ws.onmessage = function(m) {
console.log(m); // this is how you will receive your messages
ws.send('i am acknowledging your message and sending you back mine.');
}

服务器将读取来自任一用户的每个发送，并将其发布回两个用户(或其他用户，取决于您的策略)。这样，你就可以达到这个效果。例如，您可以使用文本区域的值将文本区域上的on keyup或其他东西连接到ws.send。然后，您可以挂接onmessage，甚至在收到新消息时更改textarea的值。