socket.io 学习

客户端
import socket from 'socket.io-client';

const chat = socket('ws://127.0.0.1:3000');
chat.on('news', function (data) {
        console.log(data);
        chat.emit('my other event', { my: 'data' });
});
服务端
// 引得包已将 io 设为全局变量
io.on('connection', function (socket) {   // 每个链接 'ws://127.0.0.1:3000'  的 socket 均会连进来 
	io.sockets.emit('news', { hello: 'world' });  // 触发所有连接的 socket 'news' 事件
	socket.broadcast.emit('news', { hello: 'world' });  // 触发除该 socket 外所有连接进来的 socket 'news' 事件
	socket.emit('news', { hello: 'world' });  // 触发该 socket 'news' 事件 
  	socket.on('my other event', function (data) {   // 监听该 socket  'my other event' 事件   
    console.log(data);
  });
});

let chat = io.of('/news').on('connection', (socket) => {  // 每个链接 'ws://127.0.0.1:3000/news'  的 socket 均会连进来 
    // connect usercount
    usercount++
    // console.log(socket)
    chat.emit('usercount', { msg: usercount }) // 触发所有连接进来 usercount 事件
    socket.on('messagetoserver', (data, callback) => {
        socket.emit('messagetoclient', { msg: data.msg.toUpperCase(), username: 'server' })
        callback('已收到')
    })

    // disconnect usercount
    socket.on('disconnect', function () {
        usercount--
        chat.emit('usercount', { msg: usercount })
    })
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值