websocket：python服务器和js客户端 -> 不起作用

Question

我正在尝试在网上使用websocket，搭建一个python服务器和一个javascript客户端。在python中，我使用了一个叫做Autobahn (http://autobahn.ws/python/)的工具来创建websocket服务器。当我用python客户端（同样是用autobahn）时，一切都运行得很好。但是当我尝试用网页客户端时，什么都不工作。

这是我的Python（服务器）代码：

from autobahn.asyncio.websocket import WebSocketServerProtocol, \
                                       WebSocketServerFactory

import asyncio
import json

def fastsquare(x):
   return x * x


def slowsquare(x):
   asyncio.sleep(2)
   return x * x

class SlowSquareServerProtocol(WebSocketServerProtocol):
   @asyncio.coroutine
   def onOpen(self):
      print("WebSocket connection open.")

   @asyncio.coroutine
   def onMessage(self, payload, isBinary):
      if not isBinary:
         obj_tmp = json.loads(payload.decode('utf8'))
         obj = json.loads(obj_tmp)
         print (obj)
         try:
            if obj[2] == "little" :
               res = slowsquare(obj[3]["valeur"])
            else :
               res = fastsquare(obj[3]["valeur"])
         except Exception as e:
            self.sendClose(1000, str(e))
         else:
            obj = json.dumps(res).encode('utf8')
            print (str(obj))
            self.sendMessage(json.dumps(res).encode('utf8'))



if __name__ == '__main__':

   import asyncio

   factory = WebSocketServerFactory("ws://localhost:9000", debug = False)
   factory.protocol = SlowSquareServerProtocol

   loop = asyncio.get_event_loop()
   coro = loop.create_server(factory, 'localhost', 9000)
   server = loop.run_until_complete(coro)

   try:
      loop.run_forever()
   except KeyboardInterrupt:
      pass
   finally:
      server.close()
      loop.close()

这是我的JavaScript代码：

<script>
function carre(){
    ws = new WebSocket("ws://192.168.0.15:9000");

    ws.onopen = function(){
        console.log("Connection is open..."); 
        // Web Socket is connected, send data using send()
        val = document.getElementById("val").value;
        var_json = '[2, "2262626262", "big", {"valeur" : ' + val + '}]';
        ws.send(var_json);
        console.log("json envoyé : " + var_json);
    };

    ws.onmessage = function (evt){ 
        var received_msg = evt.data;
        document.getElementById('carre').value = received_msg;
        console.log("JSon reçu : " + received_msg);
    };

    ws.onclose = function(){ 
        // websocket is closed.
        console.log("Connection is closed..."); 
    };
}
</script>


<p><input type="text" id="val" value="6"/><input type="button" OnClick="carre();" value="mettre au carre !"/></p>
<p>resultat du carre : <input type="text" id="carre" /></p>

javascript 网络编程服务器客户端前端开发 websocket 实时通信 autobahn

websocket：python服务器和js客户端 -> 不起作用

1 个回答

撰写回答