如何使用浏览器实现用户之间的实时交互

Question

我有一个带有四个textarea的网页。假设页面的地址是example.com?Id=5

现在我想实现的是当两个用户访问此页面时。其中一人对任何文本区域的内容进行更改。然后它应该反映所有其他用户具有相同URL的窗口中的更改。请给出说明来实现这一点。

Answer 1

Websockets可以是一个很好的解决方案。例如，您可以创建一个pub/sub设计模式，其中两个用户将通过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.'); 
} 

每发送无论从用户将被服务器读取并发布回两个用户（或取决于你的战略的其他用户）。这样就可以达到这个效果。例如，你可以使用textarea的值将on keyup或textarea上的东西挂到ws.send上。那么当你收到一个新的消息时，你甚至可以挂钩onmessage甚至改变textarea的值。