最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

微信小程序实时聊天WebSocket

来源:懂视网 责编:小OO 时间:2020-11-27 22:11:56
文档

微信小程序实时聊天WebSocket

本文实例为大家分享了微信小程序实时聊天WebSocket的具体代码,供大家参考,具体内容如下:1.所有监听事件先在onload监听。'.}) console.log(err) }.}) if (SocketTask) { SocketTask.onOpen(res =>;{ console.log('监听 WebSocket 连接打开事件。'.res) }) SocketTask.onClose(onClose =>;{ console.log('监听 WebSocket 连接关闭事件。'.onClose) }) SocketTask.onError(onError =>;{ console.log('监听 WebSocket 错误html;
推荐度:
导读本文实例为大家分享了微信小程序实时聊天WebSocket的具体代码,供大家参考,具体内容如下:1.所有监听事件先在onload监听。'.}) console.log(err) }.}) if (SocketTask) { SocketTask.onOpen(res =>;{ console.log('监听 WebSocket 连接打开事件。'.res) }) SocketTask.onClose(onClose =>;{ console.log('监听 WebSocket 连接关闭事件。'.onClose) }) SocketTask.onError(onError =>;{ console.log('监听 WebSocket 错误html;

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

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

// pages/index/to_news/to_news.js 
var app = getApp();
var socketOpen = false;
var SocketTask = false;
var url = 'ws://192.168.0.120:7011';
Page({
 data: {
 inputValue: '',
 returnValue: '',
 },
 onLoad: function (options) {
 },
 onReady: function () {
 // 创建Socket
 SocketTask = wx.connectSocket({
 url: url,
 data: 'data',
 header: {
 'content-type': 'application/json'
 },
 method: 'post',
 success: function (res) {
 console.log('WebSocket连接创建', res)
 },
 fail: function (err) {
 wx.showToast({
 title: '网络异常!',
 })
 console.log(err)
 },
 })
 if (SocketTask) {
 SocketTask.onOpen(res => {
 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

<input type="text" bindinput="bindKeyInput" value='{{inputValue}}' placeholder="" />
<button bindtap="submitTo" class='user_input_text'>发送</button>

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

微信小程序实时聊天WebSocket

本文实例为大家分享了微信小程序实时聊天WebSocket的具体代码,供大家参考,具体内容如下:1.所有监听事件先在onload监听。'.}) console.log(err) }.}) if (SocketTask) { SocketTask.onOpen(res =>;{ console.log('监听 WebSocket 连接打开事件。'.res) }) SocketTask.onClose(onClose =>;{ console.log('监听 WebSocket 连接关闭事件。'.onClose) }) SocketTask.onError(onError =>;{ console.log('监听 WebSocket 错误html;
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top