uniapp中使用Socket.IO/websocket实现即时

2021-09-09  本文已影响0人  E聊

1.说明:

uniapp对多平台适应性好,而经改造的socket.io也适应于uniapp的多个平台, h5, android/ios, 微信小程序等

socket.io 比websocket优势: 支持多平台,支持连接管理(自动重连等).

2.使用:

2.1 导入js库:

引用uniapp专业的socket.io.js

const uniio = require('./uni-socket.io');

2.1 连接:

前提: 使用node express框架, 或springboot 框架打开socket.io 服务

this.socket = uniio.connect('http://localhost:9092', {transports: ['websocket']});

2.3 发消息:

# 客户端
this.socket.emit('topic', 'can you hear me?');

服务端需要在后台监听topic这个event, 就可以接受到消息.

2.4 接受消息:

# 客户端
this.sockets.on('topic_receive', function (socket) {
   // TODO
});

服务端需要在后台往topic_receive这个event发消息,客户端就可以收到.

3.一个完整的聊天例子(E聊uniapp客户端)

客户端:

1_2

4. socket.io js下载

看评论

上一篇下一篇

猜你喜欢

热点阅读