微信小程序实时聊天WebSocket

本文实例为大家分享微信小程序实时聊天WebSocket的具体代码,供大家参考,具体内容如下

1.所有监听事件先在onload监听。

{ console.log('监听 WebSocket 连接打开事件。',res) }) SocketTask.onClose(onClose => { console.log('监听 WebSocket 连接关闭事件。',onClose) }) SocketTask.onError(onError => { console.log('监听 WebSocket 错误错误信息',onError) }) SocketTask.onMessage(onMessage => { console.log('监听WebSocket接受到服务器的消息事件。服务器返回的消息',onMessage) }) } },// 提交文字 submitTo: function (e) { let that = this; that.data.allContentList.push({that.data.inputValue }); that.setData({ allContentList: that.data.allContentList }) var data = { text: that.data.inputValue } if (socketopen) { // 如果打开了socket就发送数据给服务器 sendSocketMessage(data) } },bindKeyInput: function (e) { this.setData({ inputValue: e.detail.value }) },onHide: function () { SocketTask.close(function (close) { console.log('关闭 WebSocket 连接。',close) }) },})

//通过 WebSocket 连接发送数据,需要先 wx.connectSocket,并在 wx.onSocketopen 回调之后才能发送。
function sendSocketMessage(data) {
console.log('通过 WebSocket 连接发送数据')
if (socketopen) {
SocketTask.send({data: JSON.stringify(data)
},function (res) {
console.log('已发送',res)
})
} else {
socketMsgQueue.push(msg)
}
}

html

rush:xhtml;">

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

开发微信小程序的用户授权登录功能
小程序开发页面如何实现跳转?
浅谈小程序开发中蓝牙连接错误分析及解决方法
什么是小程序?它有哪些功能?
如何配置小程序开发项目结构?(教程)
怎么把自己的店加入小程序