var http=require("http");
var express=require("express");
var sio=require("socket.io");

var app=express();
app.use(express.static(__dirname+"/"));

var server=http.createServer(app);
app.get("/", function (req, res) {
    res.sendFile(__dirname+"/chart.html");
});
server.listen(1337,"127.0.0.1", function () {
   console.log("开始监听");
});
var io=sio.listen(server);
var names=[];
io.sockets.on("connection", function (socket) {
    socket.on("login", function (name) {
        for(var i=0;i             if(names[i]==name){
                socket.emit("duplicate");
                return;
            }
        }
        names.push(name);
        io.sockets.emit("login",name);
        io.sockets.emit("sendClients",names);
    });
    socket.on("chat", function (data) {
        io.sockets.emit("chat",data);
    });
    socket.on("logout", function (name) {
        for(var i=0;i             if(names[i]==name){
                names.splice(i,1);
                break;
            }
        }
        socket.broadcast.emit("logout",name);
        io.sockets.emit("sendClients",names);
    });
});

Socket.IO聊天室

var userName,//用户登录到socket.io聊天室中时所使用的用户名
    socket,//与聊天服务器连接的socket端口对象
    tbxUsername,//用户名文本框
    tbxMsg,//对话文本框
    divChat;//页面中显示消息区域
function window_onload(){
    divChat=document.getElementById("divchat");
    tbxUsername=document.getElementById("tbxUsername");
    tbxMsg=document.getElementById("tbxMsg");
    tbxUsername.focus();
    tbxUsername.select();
}

function AddMsg(msg){
    divChat.innerHTML+=msg+"
";
    if(divChat.scrollHeight>divChat.clientHeight)
        divChat.scrollTop=divChat.scrollHeight-divChat.clientHeight;
}
function btnLogin_onclick(){
    if(tbxUsername.value.trim()==""){
        alert("请输入用户名");
        return;
    }
    userName=tbxUsername.value.trim();
    socket=io.connect();
    socket.on("connect",function(){
        AddMsg("与聊天服务器的连接已建立.");
        socket.on("login", function (name) {
            AddMsg("欢迎用户"+name+"进入聊天室.");
        });
        socket.on("sendClients", function (names) {
            var divRight=document.getElementById("divRight");
            var str="";
            names.forEach(function (name) {
                str+=name+"
";
            });
            divRight.innerHTML="用户列表
";
            divRight.innerHTML+=str;
        });
        socket.on("chat", function (data) {
            AddMsg(data.user+"说:"+data.msg);
        });
        socket.on("disconnect", function () {
            AddMsg("与聊天服务器的连接已断开.");
            document.getElementById("btnSend").diabled=true;
            document.getElementById("btnLogout").disabled=true;
            document.getElementById("btnLogin").disabled="";
            var divRight=document.getElementById("divRight");
            divRight.innerHTML="用户列表";
        });
        socket.on("logout", function (name) {
            AddMsg("用户"+name+"已退出聊天室.")
        });
        socket.on("duplicate", function () {
            alert("该用户名已被使用.");
            document.getElementById("btnSend").disabled=true;
            document.getElementById("btnLogout").disabled=true;
            document.getElementById("btnLogin").disabled="";
        });
    });

    socket.on("error", function (err) {
        AddMsg("与聊天服务器之间的链接发生错误.");
        socket.disconnect();
        socket.removeAllListeners("connect");
        io.sockets={};
    });
    socket.emit("login",userName);
    document.getElementById("btnSend").disabled="";
    document.getElementById("btnLogout").disabled="";
    document.getElementById("btnLogin").disabled=true;
}

function btnSend_onclick(){
    var msg=tbxMsg.value;
    if(msg.length>0){
        socket.emit("chat",{user:userName,msg:msg});
        tbxMsg.value="";
    }
}
function btnLogout_onclick(){
    socket.emit("logout",userName);
    socket.disconnect();
    socket.removeAllListeners("connect");
    io.sockets={};
    AddMsg("用户"+userName+"退出聊天室:");
    var divRight=document.getElementById("divRight");
    divRight.innerHTML="用户列表";
    document.getElementById("btnSend").disabled="disabled";
    document.getElementById("btnLogout").disabled="disabled";
    document.getElementById("btnLogin").disabled="";
}