socket.io实现在线群聊功能
我自己在用socket.io开发,对官方网站上的文档,进行简单的整理,然后自己写了一个简单的聊天程序。最最开始
先安装socket.io:
npminstallsocket.io
利用Node的搭建Http服务
分为两个文件,服务端文件app.js和客户端index.html
app.js
varapp=require('http').createServer(handler) io=require('socket.io').listen(app) fs=require('fs') app.listen(80) functionhandler(req,res){ fs.readFile(__dirname+'/index.html',function(err,data){ if(err){res.writeHead(500); returnres.end('Errorloadingindex.html'); } res.writeHead(200); res.end(data); }); } io.sockets.on('connection',function(socket){ socket.emit('news',{hello:'world'}); socket.on('myotherevent',function(data){ console.log(data);});});
这里需要注意的是:require(‘socket.io').listen(app)实际上这句就是讲socket的监听加入的app设置的http模块了io.sockets.on('connection',function()…)这里设置了在连接后进行的处理,代码示例中,主要包含两件事,一个是向前段发送news的事件,一个是监听myotherevent事件。
index.html
客户端一个引用了socket.io.js的javscript库还有就是连接服务器(通过io.connect(‘http://localhost'))之后在监听收到news的事件后,发送myotherevent事件
利用Express3框架上面的例子只是使用nodejs建立了一个交互,也可以使用express2的web框架,具体app.js代码如下:
varapp=require('express')() server=require('http').createServer(app) io=require('socket.io').listen(server); server.listen(80); app.get('/',function(req,res){ res.sendfile(__dirname+'/index.html');}); io.sockets.on('connection',function(socket){ socket.emit('news',{hello:'world'}); socket.on('myotherevent',function(data){ console.log(data); });});
接收发送事件socket.io允许用户自定义发送接收的事件。除了connect,message,disconnect三个事件外,用户可以自定义自己的事件
//note,io.listen()willcreateahttpserverforyouvario=require('socket.io').listen(80); io.sockets.on('connection',function(socket){ io.sockets.emit('this',{will:'bereceivedbyeveryone'}); socket.on('privatemessage',function(from,msg){ console.log('Ireceivedaprivatemessageby',from,'saying',msg); }); socket.on('disconnect',function(){ io.sockets.emit('userdisconnected'); });});
存储数据有的时候需要存储一些和客户端关联的数据在会话里,socket.io也是支持的,代码如下:
vario=require('socket.io').listen(80); io.sockets.on('connection',function(socket){ socket.on('setnickname',function(name){ socket.set('nickname',name,function(){ socket.emit('ready'); }); }); socket.on('msg',function(){ socket.get('nickname',function(err,name){ console.log('Chatmessageby',name); }); });});
socket.set和socket.get方法分为用于设置和获取变量。
设置命名空间有的时候要一个程序支持多个应用,如果使用默认的“/”命名空间可能会比较混乱。如果想让一个连接可以支持多个连接,可以使用如下的命名空间的方法:
app.js
vario=require('socket.io').listen(80);varchat=io .of('/chat') .on('connection',function(socket){ socket.emit('amessage',{ that:'only' ,'/chat':'willget' }); chat.emit('amessage',{ everyone:'in' ,'/chat':'willget' }); });
varnews=io.of(‘/news').on('connection',function(socket){socket.emit('item',{news:‘item'});});
client.js
发送获取数据有的时候,你需要在发送数据后,等待服务器的消息确认。当然简单的发,可以通过两次消息发送,来完成。这里介绍一种使用回调函数的方法:
app.js
vario=require('socket.io').listen(80); io.sockets.on('connection',function(socket){ socket.on('ferret',function(name,fn){ fn('woot'); });}); client.html
广播向所有的连接触发事件,这里注意:不包括本身连接的事件。
vario=require('socket.io').listen(80); io.sockets.on('connection',function(socket){ socket.broadcast.emit('userconnected');});
我写的聊天程序:
index.html
app.js varapp=require('http').createServer(handler) ,io=require('socket.io').listen(app) ,fs=require('fs'); app.listen(80);functionhandler(req,res){ fs.readFile(__dirname+'/index.html', function(err,data){ if(err){ res.writeHead(500); returnres.end('Errorloadingindex.html'); } res.writeHead(200); res.end(data); });} io.sockets.on('connection',function(socket){ //socket.emit('news',{hello:'world'}); //socket.on('myotherevent',function(data){ //console.log(data); //}); socket.set('nickname','nickname',function(){ }); socket.on('setnickname',function(name){ socket.set('nickname',name,function(){ console.log("changenickname=>"+name); socket.emit('nicknameready'); }); }); socket.on('chat',function(data){ socket.get('nickname',function(err,name){ socket.emit("notice",{message:name+":"+data.message}); socket.broadcast.emit("notice",{message:name+":"+data.message}); console.log("chat:"+data.message); }); });});
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。