uniapp中使用Socket.IO/websocket实现即时通讯聊天,支持多平台

本文介绍了uniapp结合改造后的socket.io如何实现跨平台(包括h5、Android/iOS、微信小程序)的实时通信。socket.io的优势在于其多平台支持和连接管理功能。文中详细阐述了uniapp中导入和使用socket.io.js库的方法,包括连接服务器、发送和接收消息的步骤。同时,提供了一个E聊uniapp客户端的聊天应用示例,帮助读者理解实际应用过程。
摘要由CSDN通过智能技术生成

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

看评论

  • 3
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值