2011-09-20 8 views
7

socket.ioとnode.jsを使いこなしていて、次のようにする方法が不思議でした。サーバーにテキスト文字列を送信する単純なフォームがあります。それを送り返し、divに追加されます。私がしたいのは、すべてのブラウザのすべてのユーザーのためにそのdivアップデートを持っていることです。現在は、メッセージが送信されたものだけが更新されます。 app.jsからすべてのブラウザにsocket ioを使ってメッセージを送信する

コード(Node.jsのサーバー):クライアント側の

io.sockets.on('connection', function(socket) { 
    socket.on('send_message', function(data) { 
    data.message = data.message + ' yo<br/>'; 
    socket.emit('get_message',data); 
    }); 
}); 

コード:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> 
    <script src="/socket.io/socket.io.js"></script> 
    <script> 
    $(document).ready(function() { 
    var socket = io.connect('http://localhost:3000'); 

    $('#sender').live('click',function() { 
      var user_message = $('#message_box').val() 
      socket.emit('send_message',{message: user_message}); 
    }); 

    socket.on('get_message', function(data) { 
     $('#data').append(data.message); 
     }); 
    }); 
</script> 

とhtml:

<div id='data'></div> 
<input type='text' id='message_box' placeholder='send message'> 
<button id='sender'>Send Message</button> 

何私がすべき複数のブラウザにメッセージを送信していますか?

答えて

23

変更

socket.emit('get_message',data); 

socket.broadcast.emit('get_message',data); 

にあなたが放送呼び出しているソケットを除いて、すべての接続のユーザーにそれを放送します。あなたもそのソケットを含めたい場合は、あなたが行うことができます

io.sockets.emit('get_message', data); 
関連する問題