使用socket.in向特定用户发送消息时出现问题

时间:2018-08-21 12:10:38

标签: html node.js socket.io

我正在尝试向应用程序中连接的特定用户发送消息。 我可以向所有连接到同一用户但无法发送给特定用户的用户发送消息。请查看我的代码,并帮助我解决问题。

我的客户代码

<!doctype html>
<html>

<head>
    <title>Private chat</title>
</head>

<body>
    <div style="float:left;width:100px;border-right:1px solid black;height:300px;padding:10px;overflow:scroll-y;">
        <b>USERS</b>
        <div id="users"></div>
    </div>
    <div style="float:left;width:300px;height:250px;overflow:scroll-y;padding:10px;">
        <div id="conversation"></div>
        MSg: <input id="data" style="width:200px;" /> To <input id="per" style="width:200px;" />
        <input type="button" id="datasend" value="send" />
    </div>



    <script src="/socket.io/socket.io.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script>
        var socket = io.connect('http://localhost:8080');
        // on connection to server, ask for user's name with an anonymous callback
        socket.on('connect', function() {
            // call the server-side function 'adduser' and send one parameter (value of prompt)
            socket.emit('adduser', prompt("What's your name?"));
        });
        // listener, whenever the server emits 'updatechat', this updates the chat body
        socket.on('updatechat', function(username, data) {
            $('#conversation').append('<b>' + username + ':</b> ' + data + '<br>');
        });
        // Message to putricular Usuer.
        socket.on('updatechat2', function(data) {
            $('#conversation').append('<b>' + data.un + ':</b> ' + data.msg + '<br>');
        });
        socket.on("new_msg", function(data) {
            alert(data.msg);
        });
        // listener, whenever the server emits 'updateusers', this updates the username list
        socket.on('updateusers', function(data) {
            $('#users').empty();
            $.each(data, function(key, value) {
                $('#users').append('<div>' + key + '</div>');
            });
        });
        // on load of page
        $(function() {
            // when the client clicks SEND
            $('#datasend').click(function() {
                var message = $('#data').val();
                message = message + "/" + $('#per').val();
                $('#data,#per').val('');
                // tell server to execute 'sendchat' and send along one parameter
                socket.emit('sendchat', message);
            });
            // when the client hits ENTER on their keyboard
            $('#data').keypress(function(e) {
                if (e.which == 13) {
                    $(this).blur();
                    $('#datasend').focus().click();
                }
            });
        });

    </script>
</body>

</html>

我的服务器代码:

var express = require('express')
  , app = express()
  , http = require('http')
  , server = http.createServer(app)
  , io = require('socket.io').listen(server);

server.listen(8080);

// routing
app.get('/', function (req, res) {
  res.sendfile(__dirname + '/index.html');
});
var msg;
var use;
// usernames which are currently connected to the chat
var usernames = {};

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

  // when the client emits 'sendchat', this listens and executes
  socket.on('sendchat', function (data) {
    // we tell the client to execute 'updatechat' with 2 parameters

    //io.sockets.emit('updatechat2', socket.username, data);
      //console.log(data.split("/"));
      var msg= data.split("/");
      socket.join(msg[1]);
     /// io.sockets.in(msg[1]).emit('updatechat2', socket.username, data);
      io.sockets.in(msg[1]).emit('updatechat2', {un: socket.username,msg:msg[0]});

      io.sockets.emit('new_msg', {msg: 'hello'});
  });

  // when the client emits 'adduser', this listens and executes
  socket.on('adduser', function(username){
    // we store the username in the socket session for this client
    socket.username = username;
    // add the client's username to the global list
    usernames[username] = username;
    // echo to client they've connected
    socket.emit('updatechat', 'SERVER', 'you have connected');
    // echo globally (all clients) that a person has connected
    socket.broadcast.emit('updatechat', 'SERVER', username + ' has connected');
    // update the list of users in chat, client-side
    io.sockets.emit('updateusers', usernames);
  });

  // when the user disconnects.. perform this
  socket.on('disconnect', function(){
    // remove the username from global usernames list
    delete usernames[socket.username];
    // update list of users in chat, client-side
    io.sockets.emit('updateusers', usernames);
    // echo globally that this client has left
    socket.broadcast.emit('updatechat', 'SERVER', socket.username + ' has disconnected');
  });
});

注意: io.sockets.in(msg [1])。emit('updatechat2',{un:socket.username,msg:msg [0]}); 使用以下代码,我尝试使用访问客户端站点时存储的名称向目标用户发送消息。

0 个答案:

没有答案