美文网首页
uniapp中使用Socket.IO/websocket实现即时

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

作者: 5ffeb01f41d9 | 来源:发表于2021-09-09 12:21 被阅读0次

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下载

看评论

相关文章

网友评论

      本文标题:uniapp中使用Socket.IO/websocket实现即时

      本文链接:https://www.haomeiwen.com/subject/ghpiwltx.html