今天群里一個同學找我要一個nodejs聊天室的demo。給他了一個簡單的例子，順便記錄下：

準備工作(前提是已經裝好了nodejs)：mkdir?nodejs-demo

cd?nodejs-demo安裝express : ?npm install express

安裝socket.io : npm install socket.io

安裝forever: npm install forever -g

安裝完成之后會在目錄下生成一個node_modules文件夾，把下面的server.js和client.html放到node_modules下。

下面是server.js：var?app?=?require('express')();

var?http?=?require('http').Server(app);

var?io?=?require('socket.io')(http);

var?history?=?new?Array();

app.get('/',?function(req,?res)?{

res.sendfile('client.html');

});

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

socket.on('chat?message',?function(msg)?{

io.emit('chat?message',?msg);

addMsg(msg);

});

socket.on('login?message',?function(msg)?{

socket.join('history?room');

for?(var?i?=?0;

i?

i++)?{

io.in('history?room').emit('chat?message',?history[i]);

}

io.in('history?room').emit('chat?message',?'lyd__上面是最近的一些信息');

socket.leave('history?room');

socket.join('chat?room');

io.emit('chat?message',?msg);

addMsg(msg);

});

});

http.listen(3000,?function()?{

console.log('listening?on?*:3000');

});

function?addMsg(msg)?{

history.push(msg);

if?(history.length?>?100)

history.shift();

};

下面是client.html:

demo

*?{?margin:?0;?padding:?0;?box-sizing:?border-box;?}

body?{?font:?20px?Helvetica,?Arial;?}

form?{?background:?#000;?padding:?3px;?position:?fixed;?bottom:?0;?width:?100%;?}

form?input?{?border:?0;?padding:?10px;?width:?90%;??}

form?button?{?width:?10%;?background:?rgb(130,?224,?255);?border:?none;??padding:?10px;?}

#messages?{?list-style-type:?none;?margin:?0;?padding:?0;?}

#messages?li?{?padding:?5px?10px?5px?10px;?}

登錄

var?socket?=?io();

var?login?=?true;

var?username?=?"";

var?myDate?=?new?Date();

$('form').submit(function()?{

if?(login)?{

username?=?$('#m').val();

if?(username.length?==?0)?{

alert("請輸入用戶名");

return?false;

}

login?=?false;

socket.emit('login?message',?"lyd__"?+?username?+?'加入了聊天室???'?+?myDate.getMonth()?+?"-"?+?myDate.getDate()?+?"?"?+?myDate.getHours()?+?":"?+?myDate.getMinutes()?+?":"?+?myDate.getSeconds());

$('#btn').html("發送");

}?else?{

socket.emit('chat?message',?username?+?"##"?+?$('#m').val());

}

$('#m').val('');

return?false;

});

socket.on('chat?message',?function(msg)?{

var?item?=?msg.split("##",?2);

if?(msg.indexOf('lyd__')?==?0)

$('#messages').append('

'?+?msg.substr(5)?+?'');

else?if?(msg.indexOf(username)?==?0)?{

$('#messages').append('

'?+?item[0]?+?':');

$('#messages').append('

'?+?item[1]?+?'');

}?else?{

$('#messages').append('

'?+?item[0]?+?':');

$('#messages').append('

'?+?item[1]?+?'');

}

});

運行：forever?start?server.js?#啟動??停止用stop

然后訪問 192.168.1.8:3000，就可以聊天了

打賞

微信掃一掃，打賞作者吧～

總結

以上是生活随笔為你收集整理的node php聊天室,最简单的Nodejs聊天室示例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。