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

博客地址