Server.js

Question

我正在制作一个简单的聊天应用。连接，“loggin in”和发送聊天消息就可以了。但是，当我刷新页面并尝试再次登录时，我收到错误;

socket上缺少错误处理程序。
  TypeError：undefined不是Socket的函数。 '＆LT;' 匿名＆GT;
  [。。。 ]在server.js：30：19

Server.js

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
var path = require('path');

var users = [];
var chat_history = [];

[...]

io.on('connection', function(socket){
    //
    // LOGIN
    ///////////////////////////
    socket.on('login', function(username) {
        if(!socket.username && username) {
            socket.emit('logged_in', 'successful');
            socket.emit('chat_history', JSON.stringify(chat_history));
            io.emit('notice', username + ' has connected.');
            socket.username = username;
            users.push(username);

            update_users();


            //
            // CHAT MESSAGE RECEIVED
            ///////////////////////////
            socket.on('chat_message', function(msg){
                var message = getTime() + ' ' + socket.username + ': ' + msg;

                update_chat_history(message);
            });


            //
            // DISCONNECT
            ///////////////////////////
            socket.on('disconnect', function () {
                io.emit('notice', socket.username + ' has left the channel.');
                console.log(socket.username + ' disconnected');

                update_users();
            });
        } else {
            socket.emit('logged_in', 'unsuccessful');
            socket.emit('notice', 'Login was unsuccessful, please refresh the page and try again.');
        }
    });


    ///////////////////////////////////////////
    //socket.on('error', function (err){
    //    console.error(err.stack);
    //});
    ///////////////////////////////////////////
});

http.listen(port, ip);

console.log('listening on ' + ip + ':' + port);



//
// Functions
///////////////////////////
function getTime() {
    var t = new Date();
    t = '[' + t.getUTCHours() + ' : ' + t.getUTCMinutes() + ']';

    return t;
}

function update_users() {
    //console.log(io.sockets.connected);
    users = [];

    for( var client in io.sockets.connected ){
        var username = io.sockets.connected[client].username;
        if(username){
            users.push(username);
        }
    }

    users = JSON.stringify(users);
    io.emit('users_online', users);
}

function update_chat_history(message_to_add){
    chat_history.push(message_to_add);

    if(chat_history.length > 20){
        chat_history.splice(0, 1);
    }
}

在socket.on（'login'）我刷新页面或断开连接后测试套接字不是未定义的。
我想这与它没有更新连接并尝试重新连接到同一连接有关，但我不知道如何或什么。无法在stackoverflow上找到解决方案。感谢帮助。

更新：Blaargh这根本不做任何事（╯°□°）╯（┻━┻

仍然是同样的错误。现在在server.js：78：11

http://1.1m.yt/kgaZSBfUa.png

删除所有socket.usernames并将登录名更改为;

socket.on('login', function(username) {
    if( username ) { // TODO what if duplicate username
        socket.emit('logged_in', 'successful');
        socket.emit('chat_history', JSON.stringify(chat_history));
        io.emit('notice', username + ' has connected.');

        add_user(socket.id, username);
        [...]

还更改了update_users（）

function add_user(id, username){
    users.push({
        'id' : id,
        'username' : username
    });

    var json_users = JSON.stringify(users);
    io.emit('users_online', json_users);
}

function remove_user(id){
    for(user in users){
        if(users[user]['id'] == id){
            users.splice(users[user], 1);
            break;
        }
    }
    var json_users = JSON.stringify(users);
    io.emit('users_online', json_users);
}

更新：2

我仍然不知道可能出现什么问题，但不知怎的，我设法写了它，所以它现在正在工作。

Answer 1

每次刷新页面时，您的套接字都会被删除，并且会创建一个新的套接字（没有属性用户名，因为它是一个新套接字），因此您需要找到一种方法来保留您的用户名

对于你的情况我建议你把用户名放在一个cookie中并检查页面加载，如果cookie“username”存在并且有值，如果它然后更新你的（新）套接字

更高级的方法： handle browser reload socket io

希望这有帮助！

修改

npm install --save lodash

var _ = require('lodash') var users = []; io.sockets.on('connection', function (socket) { socket.username ="guest" socket.on('login', function(username) { if( username) { socket.emit('logged_in', 'successful'); io.emit('notice', username + ' has connected.'); socket.username = username ; // users.push(username); add_user(socket.id, username , users); // // CHAT MESSAGE RECEIVED /////////////////////////// socket.on('chat_message', function(msg){ var message = date.Now() + ' ' + socket.username + ': ' + msg; }); // // DISCONNECT /////////////////////////// socket.on('disconnect', function () { io.emit('notice', socket.username + ' has left the channel.'); console.log(socket.username + ' disconnected'); }); } else { socket.emit('logged_in', 'unsuccessful'); socket.emit('notice', 'Login was unsuccessful, please refresh the page and try again.'); } }); socket.emit('message', { message: 'welcome to the chat' }); socket.on('send', function (data) { io.sockets.emit('message', data); }); }); console.log("Listening on port " + port); function add_user(id, username , users){ var item = { 'id' : id, 'username' : username } var oldItem = _.find(users, {id: id}); var index = users.indexOf(oldItem); if (oldItem) { users.splice(index, 1); users.unshift(item); } else { users.unshift(item); } users = JSON.stringify(users); console.log(users) io.emit('users_online', users); } function remove_user(id){ for(user in users){ if(users[user]['id'] == id){ users.splice(users[user], 1); break; } } users = JSON.stringify(users); io.emit('users_online', users); }

Socket.io TypeError：undefined不是函数

Server.js

更新：Blaargh这根本不做任何事（╯°□°）╯（┻━┻

更新：2

1 个答案: