美文网首页
Node.js+websocket+mongodb实现即时聊天室

Node.js+websocket+mongodb实现即时聊天室

作者: _双眸 | 来源:发表于2018-12-12 15:26 被阅读7次

nodejs简介:Node.js是一个可以让javascript运行在服务器端的平台,它可以让javascript脱离浏览器的束缚运行在一般的服务器下面,你可以用Node.js轻松地进行服务器端应用的开发。Node.js是一个为实时Web应用开发而诞生的平台,它充分考虑了在实时响应和超大规模数据下架构的可扩展性,这使得它摒弃了传统的平台依靠多线程来实现高并发的的设计思路,而采用了单线程,异步式I/O和事件驱动的设计模式。这些特性不仅带来了巨大的性能提升,还减少了多线程程序设计的复杂性,从而提高了开发效率。

websocket:websocket协议是html5中的一种新的协议,它实现了浏览器与服务器的全双工通信。传统的我们通过http协议实现即时通讯时是这样做的,首先由浏览器对服务器发出http request(请求),然后服务器响应客户端的浏览器。这种模式所带来的弊端就是浏览器需要不断的向服务器发出请求。但是我们知道http request 的头部(header)非常长,有时客户端请求的只是很小的数据量却要附带这么长的头部信息,这样似乎在浪费网络带宽。而是用websocket协议,这时浏览器和服务器只需要进行一次握手的过程,之后,它们之间便形成了一条快速通道,接着就可以随时互相发送数据。这样不但响应速度快,而且避免了每次都发送请求头。

mongodb数据库:mongodb是一个面向文档的非关系型数据库,它具有高性能,易部署,易使用,存储数据方便等优点。它支持的数据结构很松散类似json格式。它也是面向集合的,数据被分组存放在数据集中,每个数据集就是一个集合,每个数据库包含若干个集合。

实现和效果:下面要介绍的是使用nodejs实现的即时聊天室,主要用到的是websocket协议,数据库中存放用户民和密码。首先服务器打开一个socket端口3000开始监听客户端的连接,接着客户端浏览器建立socket连接,用户登录时填写用户名和密码,服务器端查询mongodb数据库验证用户名和密码是否正确,用户登录聊天室后可以开始发送消息给其它在线的用户。以上是基本的逻辑。

下面主要贴出服务器端代码:

var express = require('express')
     ,path = require('path')
     ,app = express.createServer().listen(3000)
     ,io = require('socket.io').listen(app)
     ,mongodb = require('mongodb');
var users = [];//保存在线用户
var socketlist = [];//保存当前建立的所有socket
var socketnum = 0, usernum = 0;
//监听socket连接
io.on('connection', function(socket)
{
     socketlist[socketnum++] = socket;
     console.log('someone connected!');
     socket.send(toUserList(users));
    
     socket.on('message', function(data)
     {
              var result = eval_r('('+ data +')');
              var username = result.username;
              var content = result.content;
              var wordsize = result.wordsize;
              var wordcolor = result.wordcolor;
              var sendcontent = "
"+username+":"+content+"
"
             
              for(var i = 0; i < socketlist.length; ++i)
              {
                            if(socketlist[i])
                            {
                                          var jsonstr = '{type:"info",content:"'+sendcontent+'"}';
                                          console.log(jsonstr);
                                          socketlist[i].send(jsonstr);
                            }
              }
     });
    
});
//express基本配置
app.configure(function()
{
     app.use(express.bodyParser());//添加解释文档的中间件
     //app.use(express.methodOverride);
     app.use(app.router);
     app.use(express.static(path.join(__dirname, 'public')));//指定静态文件目录
});
app.get('/', function(req, res)
{
     res.sendfile('views/login.html', {root:__dirname});
     console.log('please login first.');
});
app.post('/login', function(req, res)
{
     var username = req.body.username;
     var password = req.body.password;
     //query the database          
    
     var dbserver = new mongodb.Server('127.0.0.1', 27017);
     new mongodb.Db('myqq', dbserver).open(function(err, client)
     {
              if(err) throw err;
              console.log('connect mongodb success!!!');
              app.user = new mongodb.Collection(client ,'users');
              app.user.findOne({name:req.body.username, password:req.body.password}, function(err, doc)
              {
                            if(doc)
                            {
                                          if(isNewer(username))
                                          {
                                                        users[usernum++] = username;
                                                        console.log(username + " login success!");
                                          }
                                          else
                                          {
                                                        console.log(username + " welcome back!");
                                          }
                                          res.setHeader("Set-Cookie", 'username='+username);
                                          res.sendfile('views/chartRoom.html', {root:__dirname});
                            }
                            else
                            {
                                          res.sendfile('views/login.html', {root:__dirname});
                                          console.log('login failure!');
                            }
              });
             
     });
});
function toUserList(userslist)
{
     var temp, list = '';
     for(var i = 0; i < userslist.length; ++i)
     {
              temp = "
" + userslist[i] + "
";
              list += temp;
     }       
     var jsonstr = '{type:"ulist",content:"'+list+'"}';
     return jsonstr;
}
function isNewer(username)
{
     for(var i = 0; i < users.length; ++i)
     {
              if(username == users[i])
                            return false;
     }
     return true;
}
console.log('server is running at port 3000...');

完整的代码请见github,后续有时间上传完整作品

相关文章

  • Node.js+websocket+mongodb实现即时聊天室

    ChatRoom Node.js+websocket+mongodb实现即时聊天室 A,nodejs简介:Node...

  • Node.js+websocket+mongodb实现即时聊天室

    nodejs简介:Node.js是一个可以让javascript运行在服务器端的平台,它可以让javascript...

  • MFC&Python_QQIM

    QQ即时通讯及聊天室 实现功能:1、客户端可以和服务端进行通讯2、服务端支持多人聊天实现聊天室功能3、界面的友好度...

  • WebForm SignalR 实时消息推送

    实现效果 WebFrom + SignalR 实时消息,聊天室,即时消息 代码示例 动态链接库 添加基础动态链接库...

  • node+socket搭建即时聊天聊天室

    这次来讲一下如何用socket+node来搭建一个即时聊天的聊天室功能实现。实现逻辑接下来就直奔主题,走起! 一、...

  • IM聊天室(二):Socket.io + Node.js

    前言 在IM即时聊天室(一)中,我们了解了WebSocket的相关知识和基础API作为编写聊天室的基础。那么作为进...

  • Let's talk.

    fedora即时聊天室开通,提供在线交流沟通平台。http://chat.fdzh.org

  • Socket搭建即时通讯服务器

    即时通讯 相关代码Demo地址, 内附服务端代码和iOS端聊天室测试Demo 原文地址: Socket搭建即时通讯...

  • 腾讯云im聊天室

    腾讯云即时通信 IM 直播使用的是音视频聊天室 社区使用的是普通的聊天室,之前定的 免费的群最大容量为 2000,...

  • IOS JSQMessagesViewController

    平时我们做即时通讯页面,往往会用到聊天室这个模块,但是往往会耗费很多的时间去搭建,这里给大家介绍一个聊天室控件 感...

网友评论

      本文标题:Node.js+websocket+mongodb实现即时聊天室

      本文链接:https://www.haomeiwen.com/subject/hhqphqtx.html