Question

我正在使用龙卷风websockets来更新页面上的一些信息。如果用户在屏幕上改变某些内容，我希望将这些更改显示给具有活动连接的所有其他用户。我可以获取javascript将消息发送到服务器，但我无法弄清楚如何将该消息发送回客户端。这是javascript和python

$(document).ready(function () {
    var ws = new WebSocket("company website, I know this works");

    ws.onopen = function () {
        console.log("websocket engage");
    };

    ws.onmessage = $(".column li").on("mouseup", function (evt) {
        pid = $(this).attr("id");
        oldCid = $(this).parent().parent().attr("id");
        newCid = $(this).parent().attr("id");
        message = pid + " " + oldCid + " " + newCid;
        ws.send(message);
    });

    ws.onclose = function (evt) {
        console.log("connection closed");
    };

    ws.writemessage = function (evt) {
        alert(evt.data);
    };

});

这是python代码：

import tornado.httpserver
import tornado.websocket
import tornado.ioloop
import tornado.web

from tornado.options import define, options

define("port", default=8888, help="run on the given port", type=int)

change = "original"

listeners = []

class WSHandler(tornado.websocket.WebSocketHandler):
  def open(self):
    print "opened a new websocket"
    listeners.append(self)
    print listeners

  def on_message(self, message):
     #self.write_message(u"You Said: " + message)
     print ("in on_message " + message)
     change = message
     #self.write_message(message)

  def on_close(self):
    print 'connection closed'
    listeners.remove(self)

  def write_message(self, message):
    print ("in write message " + change)
    self.write_message(change)

def main():
    #tornado.options.parse_command_line()
    application = tornado.web.Application([
(r'/ws', WSHandler),
 ])
    http_server = tornado.httpserver.HTTPServer(application)
    http_server.listen(8888)
    tornado.ioloop.IOLoop.instance().start()

if __name__ == "__main__":
    main()

Answer 1

在python代码中，您已将/ws映射到WSHandler类，但在创建WebSocket对象时，您需要在javascript代码中执行此操作：

1）

var ws=new WebSocket("ws://192.168.3.33:8888/ws"); 
/* 
  if 192.168.3.33 is the server IP and 8888 is the port, the server is serving on. 
  So object is mapped to r"/ws". so now the server can identify the request 
*/

而不是：

var ws = new WebSocket("company website, I know this works");

2）当服务器发回一些内容时，会发生WebSocket的onmessage()事件。

所以javascript代码看起来像这样：

$(document).ready(function () {
var ws=new WebSocket("ws://192.168.3.33:8888/ws");

ws.onopen = function () {
    console.log("websocket engage");
};

ws.onmessage = function(evt){
    //the received content is in evt.data, set it where you want
};

ws.onclose = function () {
    console.log("connection closed");
 };

$(".column li").on("mouseup")  //the function  that sends data
{
    pid = $(this).attr("id");
    oldCid = $(this).parent().parent().attr("id");
    newCid = $(this).parent().attr("id");
    message = pid + " " + oldCid + " " + newCid;
    ws.send(message);   
};
});

Answer 2

重定义：

  def on_message(self, message):
     print ("in on_message " + message)
     for w in listeners:
        w.write_message(message)

这会向所有连接的客户端发送“消息”。

另外，我建议删除你的self.write_message版本。

与龙卷风websockets传递的消息

2 个答案: