智能机器人 -- Socket.IO应用小结

805 阅读3分钟

近期在繁忙的业务开发中挤了挤时间,思考是否可以通过“前端”的能力来提升B端产品的效率.

我打算以对话(消息)系统作为切入点,提升B端体系用户的内部沟通效率,提高重要公告或软件升级通知的触达率,让软件使用问题及用户体验反馈形成闭环,让产品和开发者听到B端用户的声音。

如今的现状是各种沟通群分散,一会儿拉个微信群一会儿拉个钉钉群,而B端的APP则是触及B端所有用户的APP,我们为什么不直接通过它来提升效率呢?另一方面,公司的数据信息也更为可控。

嗯,说做就做,我自己对聊天系统也是比较感兴趣的,大半年前在原来的部门时因业务需要自己搞了个小Demo,现在被繁重的业务开发埋没了😭,争取早日能转成一名Node开发者,Leader看到我这篇文章是否考虑让我转个行😁。

目前项目在开发中,在后续的文章分享中会给大家一篇详尽的设计思路,先给大家留个悬念:

  • 服务端技术栈:Nest.js + TypeScript + TypeOrm;
  • B端:React Native;
  • 通知公告管理当然少不了Web端,暂定了不起的React。

本篇文章还是来简单介绍下Socket.IO的基本API吧。

原来的文章笔记📒记录于:es8.es/post/Socket…

实战作品 智能机器人 小Demo:es7.es

chatbot.jpg

网友们搞笑的提问记录可以从这里查看:es7.es/websocket/l…

Demo很粗糙,大家轻喷。

服务端

  • 监听客户端连接,回调函数会传递本次连接的socket对象
io.on('connection', function(socket){});
  • 给所有客户端广播消息
io.sockets.emit('key', data);
  • 给指定的客户端发送消息
io.sockets.socket(socketid).emit('key', data);
  • 监听客户端发送的消息
socket.on('key', function(data) {});

给该socket的客户端发送消息

socket.emit('key', data);

广播消息

给除了自己以外的客户端广播消息

socket.broadcast.emit('key', {data: 'everyone'});

给所有客户端广播消息 io.sockets.emit('key', {data: 'all'});

分组

socket.on('group1', function (data) {
    socket.join('group1');
});
socket.on('group2', function (data) {
    socket.join('group2');
});
客户端发送

加入group1分组

socket.emit('group1');

加入group2分组

socket.emit('group2');

一个客户端可以存在多个分组(订阅模式)

踢出分组

socket.leave(data.room);

对分组中的用户发送消息

不包括自己

socket.broadcast.to('group1').emit('key', data);

包括自己

io.sockets.in('group1').emit('key', data);

获取连接的客户端socket

io.sockets.clients().forEach(function (socket) {
    console.log(socket);
});

获取分组信息

获取所有房间(分组)信息

io.sockets.manager.rooms

获取此socketid进入的房间信息

io.sockets.manager.roomClients[socket.id]

获取particular room中的客户端,返回所有在此房间的socket实例

io.sockets.clients('particular room');

另一种分组方式

服务端

io.of('/some').on('connection', function (socket) {
    socket.on('test', function (data) {
        socket.broadcasst.emit('event_name', {});
    });
});

客户端

var socket = io.connect('ws://localhost:1234/some');
socket.on('event_name', function (data) {
    console.log(data);
});

客户端都链接到ws:///localhost:1234 但是服务端可以通过io.of('/some')将其过滤出来。

另外,Socket.IO提供了4个配置的API:io.configure, io.set, io.enable, io.disable。其中io.set对单项进行设置,io.enable和io.disable用于单项设置布尔型的配置。io.configure可以让你对不同的生产环境(如devlopment,test等等)配置不同的参数。

客户端

建立一个socket连接

var socket = io("ws://localhost:1234");

监听服务消息

socket.on('msg', function (data) {
    // 向服务器发送消息
    socket.emit('msg', {});
});

监听socket断开与重连

socket.on('disconnect', function() {
    console.log("与服务其断开");
});

socket.on('reconnect', function() {
    console.log("重新连接到服务器");
});

客户端socket.on()监听的事件:

connect:连接成功
connecting:正在连接
disconnect:断开连接
connect_failed:连接失败
error:错误发生,并且无法被其他事件类型所处理
message:同服务器端message事件
anything:同服务器端anything事件
reconnect_failed:重连失败
reconnect:成功重连
reconnecting:正在重连
  • 当第一次连接时,事件触发顺序为:connecting->connect;
  • 当失去连接时,事件触发顺序为:disconnect->reconnecting(可能进行多次)->connecting->reconnect->connect。
相关问题:

与ThinkJS结合遇到的问题: github.com/thinkjs/thi…

本文作者:黑马大前端 cuitianze