麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 課堂 > 小程序 > 正文

微信小程序實時聊天WebSocket

2020-03-21 16:15:24
字體:
來源:轉載
供稿:網友

本文實例為大家分享了微信小程序實時聊天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>

微信小程序,實時聊天,WebSocket

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: www.9191.com | 亚洲一区二区三区视频 | 成年免费大片黄在线观看岛国 | 久久国产精品久久久久久 | 国产成人羞羞视频在线 | 日本欧美一区二区 | 中国女警察一级毛片视频 | 精品国产一区二区三区四区在线 | 伊人网站 | 成人福利在线视频 | 黄视频网址 | 欧美一级欧美 | 久久久久久久久久网站 | 欧洲色阁中文字幕 | 色97色| 色播视频在线播放 | 在线成人免费网站 | 春光影院理论片 | 久久一级| 国产88久久久国产精品免费二区 | 成人性视频欧美一区二区三区 | 毛片视频观看 | 精品无码一区在线观看 | av免费在线观看不卡 | 欧美日韩在线播放 | 免费看成年人网站 | 国产一区二区高清在线 | 黄色片快播 | 国产午夜精品在线 | 久久久久久艹 | 极品xxxx欧美一区二区 | 圆产精品久久久久久久久久久 | 看一级毛片 | 亚洲最新黄色网址 | 亚洲精品欧美二区三区中文字幕 | 免费福利在线视频 | 亚洲射情 | 久久精热 | 狠狠操人人干 | 日本高清在线免费 | 黄视频免费观看 |