Node.js& Socket.io添加用户名

时间:2013-09-06 04:05:43

标签: javascript node.js sockets socket.io

我是socket.io的新手我想知道如何使用socket.io在这个简单的聊天中添加用户名。先谢谢你们。我想学习socket编程。

以下代码是我的server.js

//chat service
io.sockets.on('connection', function (socket) {
    socket.on('sendMessage', function (data) {
    socket.broadcast.emit('message', data);
    socket.emit('message', { text: data.text });   
    });   
});

这是我的聊天客户端index.html

<!-- index.html -->
<html> 
  <body>
    <script src="/socket.io/socket.io.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>
      $(document).ready(function () {
        var socket = io.connect('http://localhost');
        socket.on('message', function (data) {

          $('#chat').append( '<b>' + data.text + '</b>' + '<br />');

        });
            $('#send').click(function () {
            socket.emit('sendMessage', { text: $('#text').val() });
            $('#text').val('');
        });

            $('#text').keypress(function(event) {
              if(event.keyCode == 13) {
                $('#send').click();
                $('#text').val('');
              }
            });

      });
    </script>

    <div id="chat" style="width: 500px; height: 300px; border: 1px solid black">

    </div>    

    <input type="text" name="text" id="text">
    <input type="button" name="send" id="send" value="send">
  </body>
</html>

1 个答案:

答案 0 :(得分:6)

看看这里 - http://www.tamas.io/2013/05/19/simple-chat-application-using-node-js-and-socket-io/

最简单的方法是添加一个人的对象 - 请参阅源代码(文章中的链接)。

如果您想要实现会议室,请阅读:http://www.tamas.io/2013/05/19/simple-chat-application-using-node-js-and-socket-io/

玩得开心。