react+socket搭建五子棋平台

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",{data:"hello,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

博客地址