vue-Socket.io的使用(1)

(1)基础配置和常用方法

npm install vue-socket.io --save
npm i socket.io@2.1.1 -s(可能会因为版本问题出现错误)

需要看node_models的vue-socket.io的package

 "dependencies": {
    "socket.io-client": "^2.1.1"（这里是支持的版本）
  },

安装 npm install socket.io

发送

 socket.emit('addcart', {client: '我是客户端的数据'})

接收

socket.on('addcart', function(data) {
  console.log("获取到客户端数据", data)})

单发

socket.emit('to-client', "服务器的数据")//单发,谁发给我,我发给谁

群发

io.emit('to-client', "服务器的数据")//群发,给所有的用户都广播数据

分组

socket.join(roomID)//加入的分组id

分组群发

io.to(roomID).emit('addCart','群发消息')//通知分组内所有的用户

发分组其他人

socket.broadcast.to(roomID).emit('addCart',"只有我不知道的消息")//通知分组内的用户不包括自己

socket.join(rooms[, callback])：加入房间
socket.leave(room[, callback]) ：离开房间
socket.to(room)： 给房间发送消息
Socket自己本身就有一个唯一的id值,自己本身就是一个房间

加入分组

socket.on('group1', function (data) {
        socket.join('group1');
});

socket.emit('group1',id)，就可以加入group1分组；

(2)Socket.io的使用实例:请看vue-Socket.io的使用(2)