socket.io实现在线群聊功能

2024-02-26 02:50:03 317

我自己在用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


Message:NickName:
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);
});
});});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

socket.io实现在线群聊功能

热门推荐

随机推荐