3 
websocket.onmessage = function (evt) { 
    console.log('Retrieved data from server: ' + evt.data); 
    $('#someDiv').append(evt.data);
};

ブラウザで 2 つのタブを開くと、メッセージの送信元のアクティブなタブでのみこのイベントが発生するのはなぜですか? データはサーバーから受信されるので、これは両方のタブで同時に発火するべきではありませんか?

var WebSocketServer = require('websocket').server;
var http = require('http');

var server = http.createServer(function(request, response) {
    console.log((new Date()) + ' Received request for ' + request.url);
    response.writeHead(404);
    response.end();
});
server.listen(8080, function() {
    console.log((new Date()) + ' Server is listening on port 8080');
});

wsServer = new WebSocketServer({
    httpServer: server,
    // You should not use autoAcceptConnections for production
    // applications, as it defeats all standard cross-origin protection
    // facilities built into the protocol and the browser.  You should
    // *always* verify the connection's origin and decide whether or not
    // to accept it.
    autoAcceptConnections: false
});

function originIsAllowed(origin) {
  // put logic here to detect whether the specified origin is allowed.
  return true;
}

wsServer.on('request', function(request) {
    if (!originIsAllowed(request.origin)) {
      // Make sure we only accept requests from an allowed origin
      request.reject();
      console.log((new Date()) + ' Connection from origin ' + request.origin + ' rejected.');
      return;
    }

    var connection = request.accept('echo-protocol', request.origin);
    console.log((new Date()) + ' Connection accepted.');
    connection.on('message', function(message) {
        if (message.type === 'utf8') {
            console.log('Received Message: ' + message.utf8Data);
            connection.sendUTF(message.utf8Data);
        }
        else if (message.type === 'binary') {
            console.log('Received Binary Message of ' + message.binaryData.length + ' bytes');
            connection.sendBytes(message.binaryData);
        }
    });
    connection.on('close', function(reasonCode, description) {
        console.log((new Date()) + ' Peer ' + connection.remoteAddress + ' disconnected.');
    });
});

ありがとう

4

1 に答える 1

3

各タブ/ウィンドウは独自の識別子を持つ独自の Websock を開き、サーバーは現在のユーザーが開いているすべての Websocket にメッセージを送信する必要があります。

あなたの場合、最初に接続された websocket にのみメッセージを送信する場合、window.localStorageをメッセージ バッファーとして使用して、同じドメインのタブ/ウィンドウ間でデータを共有できます。store.jsは、オブジェクトを localStorage に配置して取得するのに役立ち、ブラウザー間の互換性も確保できます)。次に、新しいメッセージを定期的に検索する関数呼び出しの間隔を設定します。

于 2012-08-12T05:14:33.353 に答える