加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

react+socket搭建五子棋平台

发布时间:2020-12-15 06:29:02 所属栏目:百科 来源:网络整理
导读:socket API 以下是使用socket常用的一些API 服务端监听: connection: 连接成功 disconnect:用户退出 客户端监听事件: connect:连接成功 connecting:正在连接 disconnect:断开连接 connect_failed:连接失败 error:错误发生,并且无法被其他事件类型所

socket API

以下是使用socket常用的一些API

服务端监听:

  • connection: 连接成功
  • disconnect:用户退出

客户端监听事件:

  • connect:连接成功
  • connecting:正在连接
  • disconnect:断开连接
  • connect_failed:连接失败
  • error:错误发生,并且无法被其他事件类型所处理
  • message:同服务器端message事件
  • anything:同服务器端anything事件
  • reconnect_failed:重连失败
  • reconnect:成功重连
  • reconnecting:正在重连

广播消息

// 给指定的客户端发送消息
socket.emit('msg',"this is a test");

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

//给所有客户端广播消息
io.sockets.emit("msg",all"})


//分组
socket.on('group1',function (data) {
        socket.join('group1'); //加入group1
});
socket.on('group2',function(data){
        socket.join('group2'); //加入group2
});


//给'group1'所有成员发送消息,不包括自己
socket.broadcast.to('group1').emit('msg',data);

//给'group1'所有成员发送消息,包括自己
io.sockets.in('group1').emit('msg',data);

//当前socket离开 'group1'
socket.leave('group1');

只要知道上面的 socket 用法, 基本写起来就不是什么问题了

效果演示

源码地址 github

博客地址

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读