今天群里一个同学找我要一个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，就可以聊天了

打赏

微信扫一扫，打赏作者吧～