基于 socket.io 实现实时你画我猜游戏

前言

一直都想好好的学习运用node，一直都不知道要做什么东西，最近Java Web老师要求做个前端的应用，既然是前端应用，那肯定得是单页应用了，而且node很适用于高并发的实时应用，所以便选择node以及基于node的socket.io。

演示地址

• 实时画板+聊天室（GitHub）

• 你画我猜+聊天室（Demo | GitHub）

• 图片抢先看
  

解释

关于Socket.IO

Socket.IO 是基于node实现的套接字前端后端数据交互的库，通过它的封装，使用者可以很方便的开发，而且支持websocket/ajax 长轮询等方法，兼容低版本浏览器。

基本使用如下：

服务器端

var httpd = require('http').createServer(handler);
var io = require('socket.io').listen(httpd);
function handler(req,res) {
    
}
io.sockets.on('connection',function(socket){
    //新的客户端连接
    socket.on('login',(name,age)=>{
        socket.emit('message',name+','+age);//触发客户端message事件
    })
});

客户端

引入js文件