uniapp+websocket实现在线聊天

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp+websocket实现在线聊天相关的知识,希望对你有一定的参考价值。

参考技术A 首先在进入程序的时候对后台进行链接,注意这里的链接地址必须是wss开头

websock的链接方法
用到的api:
uni.connectSocket
uni.onSocketOpen
uni.onSocketMessage
uni.onSocketError
uni.onSocketClose

由于websocket在与服务器进行链接的时候有可能会断开,所以在最开始就加上了心跳,在断开的时候进行重链接。这个方法定义在App.vue上,直接在原型链上定义该方法,通过调用api uni.sendSocketMessage一直向服务器发送消息来判断是否断开。

websocket重链接方法

最后就是每次发送消息的时候调用api uni.sendSocketMessage就可以发送信息,进行愉快的聊天了

以上是关于uniapp+websocket实现在线聊天的主要内容,如果未能解决你的问题,请参考以下文章

javascript基于websocketnodejsuniapp的聊天室

WebSocket实现多人在线聊天功能

WebSocket---多人聊天系统

Java项目:在线聊天及聊天室系统(java+springboot+freemark+websocket+MySQL)

uniapp即时聊天 websocket封装(建立连接断线重连心跳机制主动关闭)

uniapp即时聊天 websocket封装(建立连接断线重连心跳机制主动关闭)