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

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

作者: E聊 | 来源:发表于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