转载 

socket.io 客户端及服务端相关函数一览

分类:    365人阅读    IT小君  2017-11-11 17:43

SOCKET.IO,系统API,

原文:http://www.cnblogs.com/xiezhengcai/p/3956401.html 

1. 服务端

io.on(\'connection\',function(socket));

监听客户端连接,回调函数会传递本次连接的socket

io.sockets.emit(\'String\',data);

给所有客户端广播消息

io.sockets.socket(socketid).emit(\'String\', data);

给指定的客户端发送消息

socket.on(\'String\',function(data));

监听客户端发送的信息

socket.emit(\'String\', data);

给该socket的客户端发送消息

 

广播消息

//给除了自己以外的客户端广播消息 socket.broadcast.emit("msg",{data:"hello,everyone"}); //给所有客户端广播消息 io.sockets.emit("msg",{data:"hello,all"});

 

分组

socket.on(\'group1\', function (data) {
        socket.join(\'group1\');
});
socket.on(\'group2\',function(data){
        socket.join(\'group2\');
 });

客户端发送

socket.emit(\'group1\'),就可以加入group1分组;
socket.emit(\'group2\'),就可以加入group2分组;

一个客户端可以存在多个分组(订阅模式)

踢出分组

socket.leave(data.room);

对分组中的用户发送信息

//不包括自己 socket.broadcast.to(\'group1\').emit(\'event_name\', data); //包括自己 io.sockets.in(\'group1\').emit(\'event_name\', data);

broadcast方法允许当前socket client不在该分组内

获取连接的客户端socket 

io.sockets.clients().forEach(function (socket) {
    //.....
})

 

获取分组信息

//获取所有房间(分组)信息 io.sockets.manager.rooms //来获取此socketid进入的房间信息 io.sockets.manager.roomClients[socket.id] //获取particular room中的客户端,返回所有在此房间的socket实例 io.sockets.clients(\'particular room\')

 

另一种分组方式

io.of(\'/some\').on(\'connection\', function (socket) {
    socket.on(\'test\', function (data) {
        socket.broadcast.emit(\'event_name\',{});
    });
});

客户端

var socket = io.connect(\'ws://103.31.201.154:5555/some\')
socket.on(\'even_name\',function(data){
   console.log(data);
})

客户端都链接到ws://103.31.201.154:5555 但是服务端可以通过io.of(\'/some\')将其过滤出来。

 

另外,Socket.IO提供了4个配置的API:io.configure, io.set, io.enable, io.disable。其中io.set对单项进行设置,io.enable和io.disable用于单项设置布尔型的配置。io.configure可以让你对不同的生产环境(如devlopment,test等等)配置不同的参数。

2. 客户端

建立一个socket连接

var socket = io("ws://103.31.201.154:5555");

监听服务消息

socket.on(\'msg\',function(data){
    socket.emit(\'msg\', {rp:"fine,thank you"}); //向服务器发送消息
    console.log(data);
});

socket.on("String",function(data)) 监听服务端发送的消息 Sting参数与服务端emit第一个参数相同

 

监听socket断开与重连。

复制代码
socket.on(\'disconnect\', function() {
    console.log("与服务其断开");
});


socket.on(\'reconnect\', function() {
    console.log("重新连接到服务器");
});
复制代码

 

客户端socket.on()监听的事件:

connect:连接成功
connecting:正在连接
disconnect:断开连接
connect_failed:连接失败
error:错误发生,并且无法被其他事件类型所处理
message:同服务器端message事件
anything:同服务器端anything事件
reconnect_failed:重连失败
reconnect:成功重连
reconnecting:正在重连
当第一次连接时,事件触发顺序为:connecting->connect;当失去连接时,事件触发顺序为:disconnect->reconnecting(可能进行多次)->connecting->reconnect->connect。

知识是我们已知的 也是我们未知的 基于已有的知识之上 我们去发现未知的 由此,知识得到扩充 我们获得的知识越多 未知的知识就会更多 因而,知识扩充永无止境

HTML5数字产品服务公司网站模板

网页设计开发公司网站模板

html5图标下拉搜索框自动匹配代码

css鼠标跟随文字模糊特效

有机水果蔬菜HTML5网站模板

css+js实现的颜色渐变数字时钟动画特效

HTML5现代家居装潢公司网站模板

jQuery右端悬浮带返回顶部特效

html5 svg夜空中星星流星动画场景特效

小众时尚单品在线电子商务网站模板

html5 canvas进度条圆环图表统计动画特效

js+css3抽奖转盘旋转点餐代码

中小型创意设计服务公司网站模板

HTML5 Canvas竖直流动线条背景动画特效

现代时尚家具公司网站模板

响应式咖啡饮品宣传网站模板

canvas炫酷鼠标移动文字粒子特效

响应式太阳能能源公司网站模板

响应式时尚单品在线商城网站模板

html5 canvas彩色碎片组合球形旋转动画特效

 工具推荐 更多»