使用nodeJs的Connexion客户端

Question

我是nodeJs的新手，我找不到解决我的问题的办法。我有一个登录界面，我不想在两个用户连接之后显示一个警报。.My问题是，警报总是在第二个用户连接之前显示。如何让它在第二个用户登录后出现:这是我的client.js代码：

 var socket = io.connect('http://localhost:5050');
 $('#loginform').submit(function(event){
        event.preventDefault();

        socket.emit('login' , {
            username : $('#username').val(),
            mail     : $('#mail').val()

        })
    });
    socket.on('loged' , function(){

       $('#login').fadeOut();

});

    socket.on('newuser' , function(user){
        $('#users').append('<img src="' + user.avatar + '">');
    })  

我的代码server.js

    var http = require('http');
var fs = require('fs');
var md5 = require('MD5');
var alert=require('alert-node');

var server = http.createServer(function(req, res) {
    fs.readFile('./index.html', 'utf-8', function(error, content) {
        res.writeHead(200, {"Content-Type": "text/html"});
        res.end(content);
       });
});

var io = require('socket.io').listen(server);
var users = {};
var i=0;

io.sockets.on('connection', function (socket,user) {
    var me;
    console.log('new user is connected');


for (k in users) {

        socket.emit('newuser' , users[k]);
    }
socket.on('login' , function(user){

       me=user;
        me.id=user.mail.replace('@','-').replace('.','-');
        me.avatar = 'https://gravatar.com/avatar/' + md5(user.mail) + '?s=50';
        socket.emit('loged');
        users[me.id] = me;
         io.sockets.emit('newuser', me);

});

}); 

server.listen(5050);

Answer 1

我没有在你的代码中看到任何警告，所以我假设你可以检查有多少用户通过i++或断开连接的i--连接，但你在代码中的任何地方都没有使用它，在这个例子中，我使用了一个Map来存储用户。请注意，如果您在Node.js脚本中使用alert-node，它将简单地使用console.log，如果您在浏览器中包含它，它将使用纯alert，因此..

const http = require('http');
const fs = require('fs');
const md5 = require('MD5');
const alert=require('alert-node');

var server = http.createServer(function(req, res) {
    fs.readFile('./index.html', 'utf-8', function(error, content) {
        res.writeHead(200, {"Content-Type": "text/html"});
        res.end(content);
   });
});

var io = require('socket.io').listen(server);
var users = new Map();

io.sockets.on('connection', function (socket,user) {
    console.log('new user is connected');
    for (k in users) {
        socket.emit('newuser' , users[k]);
    }
    socket.on('login' , function(user){
        let me = user;
        me.id=user.mail.replace('@','-').replace('.','-');
        me.avatar = 'https://gravatar.com/avatar/' + md5(me.mail) + '?s=50';
        users.set(me.id,me)
        io.sockets.emit('newuser', me);
        socket.emit('loged');
        if(users.size === 2){
            // notify that they are two users connected?
        }
    });

});

server.listen(5050);

就我个人而言，我会创建一个扩展EventEmitter的类，并且使用它会更容易维护，等等。