0

我想使用 node.js 和 socket.io 创建一个页面。

页面内有两个按钮，当我点击其中一个时，它会改变一个定义动画持续时间的变量（这里我省略了 CSS 动画代码）。

当我在另一个网络浏览器上打开同一页面并单击其中一个按钮时，我希望看到两个网页的变化。我不知道如何在内部编写代码socket.on('chat', function(data){???});以使两个页面相互通信。

客户端：

//socket.io 代码--

<script type="text/javascript" charset="utf-8">

    var socket = io.connect('http://localhost:3000');

    socket.on('chat', function  (data)
    {
         function change_position(data)
          {
           document.getElementById("animation1").style.WebkitAnimationDuration=data;
          }
    });

 </script>

.....

//行动 - 

<body>
<button id="1b" type="button" style="position:absolute; left:377px; top:220px;" value="2s"; onclick="change_position(value)"> - 1 - </button>

<button id="2b" type="button" style="position:absolute; left:477px; top:220px;" value="15s"; onclick="change_position(value)"> - 2 - </button>
</body>

服务器端：

var io = require('socket.io'),
  connect = require('connect');

var app = connect().use(connect.static('public')).listen(3000);
var chat_room = io.listen(app);

chat_room.sockets.on('connection', function (socket) {

  socket.on('chat', function  (data) {
    chat_room.sockets.emit('chat', data);
  });
});
4

2 回答 2

2

如果您希望将消息传播到所有客户端/套接字，则在您的服务器中，您应该具有以下内容：

chat_room.sockets.on('connection', function (socket) {

  socket.on('chat', function  (data) {
    socket.broadcast.emit('chat', data);
    socket.emit('chat',data);
  });

});

该行socket.emit('chat',data);允许您将消息也发送回它的发送者，因为广播会将它发送给所有其他套接字。

当然，您可以省略该行并在客户端处理消息发送逻辑；即添加一些JavaScript 代码，在将消息发送到服务器后进行您想要的更改。

于 2013-01-02T12:40:45.213 回答
0

您可以使用 socket.emit('message', data) 在客户端上发出。然后在服务器上使用 chat_room.socket.on('message', data) 获取它。使用 chat_room.sockets.emit('message', data) 将其发送给客户端。

于 2013-01-02T12:39:04.407 回答