19

我可以在 websockets 上从服务器发送和接收消息。我需要编写一个函数，将数据发送到服务器并等待服务器的响应，然后将其作为函数的结果返回。

发送：

ws.send('my_message_to_server');

接收（这是一个事件）：

ws.bind('message', function(message) {
console.log(message);
});

我的功能：

function request(message){
ws.send(message);
    //How wait for receive???
    return response;
}
4

5 回答 5

20

前段时间我在一些在线游戏中使用了一种巧妙的方法，但是您还需要在服务器端进行更改！

第一个函数发送数据

var socketQueueId = 0;
var socketQueue = {};

function sendData(data, onReturnFunction){
    socketQueueId++;
    if (typeof(returnFunc) == 'function'){
        // the 'i_' prefix is a good way to force string indices, believe me you'll want that in case your server side doesn't care and mixes both like PHP might do
        socketQueue['i_'+socketQueueId] = onReturnFunction;
    }
    jsonData = JSON.stringify({'cmd_id':socketQueueId, 'json_data':data});
    try{
        webSocket.send(jsonData);
        console.log('Sent');
    }catch(e){
        console.log('Sending failed ... .disconnected failed');
    }
}

然后在服务器端，在处理请求时，您应该将 cmd_id 与响应一起发送回客户端

webSocket.onmessage = function(e) {

    try{
        data = JSON.parse(e.data);
    }catch(er){
        console.log('socket parse error: '+e.data);
    }

    if (typeof(data['cmd_id']) != 'undefined' && typeof(socketQueue['i_'+data['cmd_id']]) == 'function'){
        execFunc = socketQueue['i_'+data['cmd_id']];
        execFunc(data['result']);
        delete socketQueue['i_'+data['cmd_id']]; // to free up memory.. and it is IMPORTANT thanks  Le Droid for the reminder
        return;
    }else{
        socketRecieveData(e.data);
    }
}

并创建一个函数来处理所有其他类型的返回：

socketRecieveData(data){
    //whatever processing you might need
}

所以现在只要你想为服务器发送一些数据并等待你简单的特定数据的响应：

sendData('man whats 1+1', function(data){console.log('server response:');console.log(data);});
于 2014-06-10T15:36:41.883 回答
4

当你创建一个 websocket 时，你通常会在 socket 中添加一个 onmessage 回调函数，每当客户端从服务器接收到数据时就会调用这个回调函数。

 var socket = new WebSocket("ws://example.com:8000/websocketapp.php");  
 socket.onmessage = function(msg){
      alert('The server says: ' + msg);
 }

在服务器响应之前阻塞的函数在概念上是一个坏主意，因为这意味着脚本执行将挂起，直到服务器的响应到来。当服务器繁忙且网络延迟很高时，这可能需要几秒钟。出于这个原因，最好使用回调函数（事件发生时调用的函数）。

当您可以保证一次只向服务器发送一个请求时，您只需将 socket.onmessage 函数更改为处理服务器响应并对其进行操作的函数：

 socket.onopen = function() {
    socket.send("What's your name?");
    socket.onmessage = function(message) {
        alert("The server says its name is " + message); 
        socket.send("What is the answer to life, the universe and everything?");
        socket.onmessage = function(msg){
             alert("The server says the answer is: " + msg);
        }
     }
 }

（顺便说一句：为了更好的可读性，我在设置回复处理程序之前编写了请求。最好反过来：先设置回复处理程序，然后发送请求。这对于不太可能但并非不可能的情况很重要服务器响应如此之快以至于尚未设置处理程序的情况）。

但是当您有多个并行请求并且您需要找出服务器所指的请求时，您将需要更好的东西。例如，您可以有一个 onmessage 函数来识别消息，然后将每条消息转发到专门的消息处理函数。

于 2012-11-16T14:00:45.087 回答
2

WebSocket 就像 TCP，只是一个传输层。你需要的是在 webSocket 之上运行一个协议。该协议负责为您创建消息之间的关联。您可能想看看 AMQP，它是用于实时异步消息传递的最广泛和最完整的开放协议。有关简单的 AMQP 客户端 JS 库，请参见例如https://github.com/dansimpson/amqp-js。

我不知道您使用的是哪种类型的服务器，但 AMQP 将为您提供最大的灵活性，因为在许多平台上都支持 AMQP。还有简单的 AMQP 消息代理实现。如果您的服务器是 Java，那么您将需要查看 JMS。在这种情况下，您将需要一个更精细但更强大的 JMS 代理。

于 2012-11-17T01:22:00.010 回答
2

您应该在 WebSockets 之上使用某种 RPC 协议。我建议你看看WAMP，它是一个添加 RPC 和 PUB/SUB 语义的 WebSocket 子协议。它包括一个客户端库，通过为您提供基于承诺的 API，在一定程度上抽象了异步连接。

这是一个例子：

var wsuri = "ws://localhost:9000";

ab.connect(wsuri, function (session) {
    session.call("http://example.com/simple/calc#add", 23, 7).then(
        function (res) {
            console.log("got result: " + res);
        },
        function (error, desc) {
            console.log("error: " + desc);
        }
    );
});

为此，有许多服务器端实现。

于 2012-11-16T14:27:30.947 回答
0

我认为项目WebSockets-Callback会更容易使用

wscb.send({cmd: 'Hello server!'},
    function(response){
        //do something...
    }
)
于 2019-02-20T21:07:18.650 回答