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

博客地址

react+socket搭建五子棋平台相关推荐

前段react技术架构图_基于 React 的可视化编辑平台实践
前言前段时间发在朋友圈的一句话:各种自主搭建的平台,想起好多年各种DIY博客,行业门户网站,本质不变,变的是实现的手段了. 正文从这开始-- 本文主要介绍了基于 React 构建可视化编辑平台的实践 ...
在react里写原生js_从零开始使用react+antd搭建项目
之前的文章都是自己的学习日志,主要是防止自己遗忘之前遇到的坑.这次将从最基础的项目搭建开始讲起,做一个基于react和antd的后台管理系统.我会一步步进行下去,所以看完本文你哪怕不了解react,应 ...
在线直播源码搭建直播平台的后端
在线直播源码搭建直播平台的后端后端项目初始化 1.全局安装express脚手架额,这个应该是属于准备工作的.给忘记了,那就凑合放在这里吧,别打我,我知道错了,但我就是不改[狗头保命] cnpm i ...
搭建直播平台前端界面初步切图
搭建直播平台前端界面初步切图我们先来看下初步的成果图首页直播房间页搭建直播平台前端界面初步切图帅气的小伙伴们,有发现什么共同的特点了吗? 没错,就是它们的头部导航栏都是一样的,而vue中一个很 ...
Socket搭建即时通讯服务器
即时通讯相关代码Demo地址, 内附服务端代码和iOS端聊天室测试Demo 原文地址: Socket搭建即时通讯服务器即时通讯(Instant messaging,简称IM)是一个终端服务,允许两 ...
如何搭建直播平台rtmp推流
如何搭建直播平台rtmp推流背景工作中发现挺多直播CDN在实现httpflv拉流时都没有使用http chunk编码,而是直接使用no-content-length的做法.所以想自己搭建一个直播C ...
基于WebRTC搭建直播平台
基于WebRTC搭建直播平台直播可以说是近年来最火的互联网项目,各大直播平台如雨后春笋般先后兴起,转眼间主播这一行业也成为最赚钱的代名词.那我们就来从0开始搭建一个直播平台吧. WebRTC Web ...
基于SpringBoot和React的在线考试平台
基于SpringBoot和React的在线考试平台-项目设计与分析项目实战详细分析!!! 文章目录 1 系统背景和意义 1.1 系统背景 1.2 系统意义 2 系统分析 2.1 功能性需求 2.1. ...
6 步搭建数据平台—从指标体系到相关技术 | 周四话数据
在开始介绍数据平台搭建的流程之前,先简单说说为什么企业需要搭建数据平台. 互联网与智能移动设备的迅速发展,使记录并保存用户的每一次日常行为及交易行为成为可能,这些信息以数据的形式保存下来,实现了各行业 ...

react+socket搭建五子棋平台

socket API

react+socket搭建五子棋平台相关推荐

最新文章

热门文章