nodejs即时聊天

一直想做一个即时聊天的应用，前几天看到了socket.io,感觉还不错。自己略加改动，感觉挺不错的。官网上给的样例非常easy，以下改进了一点，实现了历史消息的推送。

demo地址:chat.codeboy.me

当中server端代码:

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('chat.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<history.length;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();
};

聊天页面代码：

<!doctype html>
<html><head><title>聊天室</title><style>* { 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; }</style></head><body><ul id="messages"></ul><form action=""><input id="m" autocomplete="off" /><button id="btn">登录</button></form><script src="/socket.io/socket.io.js"></script><script src="http://code.jquery.com/jquery-1.11.1.js"></script><script>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__<font color=blue>"+username + '</font>增加了聊天室   '+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('<li style="text-align:center; font-size:12px;margin-top:1px; color:red; background-color:#eee;">' +msg.substr(5)+'</li>');else if(msg.indexOf(username)==0){$('#messages').append('<li style="text-align:right; font-size:12px; color:red;">'+item[0]+':</li>');$('#messages').append('<li style="text-align:right;padding-top:0px; padding-left:30%;color:purple;">'+item[1]+'</li>');}else {$('#messages').append('<li style="text-align:left;font-size:12px; color:red;">'+item[0]+':</li>');$('#messages').append('<li style="text-align:left;padding-top:0px; padding-right:30%; color:purple;">'+item[1]+'</li>');}});</script></body>
</html>

这样就实现了一个聊天室，进入后输入username，登录，之后server返回近期的100条消息。

nodejs即时聊天相关推荐

基于Nodejs开发的web即时聊天工具
由于公司需要开发web即时聊天的功能,开始时我们主要的实施方法是用jquery的ajax定时(10秒)轮询向服务器请求,由于是轮询请求,对服务器的压力比较大.我们网站上线的时间不长,访问量不是很大, ...
C#_Socket网络编程实现的简单局域网内即时聊天，发送文件，抖动窗口。
C#_Socket网络编程实现的简单局域网内即时聊天,发送文件,抖动窗口. 最近接触了C#Socket网络编程,试着做了试试(*^__^*) 实现多个客户端和服务端互相发送消息发送文件抖动窗口功能 ...
基于WebSocket协议的iOS端即时聊天
好好好久没有在cnblogs上写博客,不过在这里写的最早的一篇博客的时间戳,真是时间久远啊,那时候还没毕业.不在cnblogs的期间,在github pages.简书上写过博客,github page ...
在线即时通讯工具的网页即时聊天的html代码
<a target=blank href=tencent://message/?uin=你的QQ号码&Site=您的网站/&Menu=yes><img border= ...
高仿QQ即时聊天软件开发系列之三登录窗口用户选择下拉框
上一篇高仿QQ即时聊天软件开发系列之二登录窗口界面写了一个大概的布局和原理这一篇详细说下拉框的实现原理先上最终效果图一开始其实只是想给下拉框加一个placeholder效果,让下拉框在未选择未输 ...
即时聊天IM之二 openfire 整合现有系统用户
合肥程序员群:49313181. 合肥实名程序员群:128131462 (不愿透露姓名和信息者勿加入) Q Q:408365330 E-Mail:egojit@qq.com 综述: ...
简洁版即时聊天---I/O多路复用使用
一.基于select接口+有名管道的I/O 多路复用 1.注意提示点: 1.基于客户端以及服务器两端的使用 2 .对于有名管道,须注意有名管道的链接顺序,否则,可能发生死锁,或链接不成功. 3.学会s ...
php和ajax实现聊天功能,怎么在PHP项目中使用jquery与ajax实现一个即时聊天功能
怎么在PHP项目中使用jquery与ajax实现一个即时聊天功能发布时间:2020-12-19 16:19:01 来源:亿速云阅读:81 作者:Leah 本篇文章给大家分享的是有关怎么在PHP项目 ...
中油即时通信电脑版_一文看懂云视频会议与即时聊天软件的差别
进入互联网时代,便捷.高效的云视频会议受到中小企业的青睐,人们通过租赁云视频会议账号,即可在视频会议室.个人电脑.智能手机上发起远程视频会议.不过随着5G等通信网络的普及,人们基于即时聊天软件进行视频 ...

nodejs即时聊天

nodejs即时聊天相关推荐

最新文章

热门文章