小程序中的websocket

1.這里簡(jiǎn)單的封裝下,先在app.js 中聲明并初始化以下:

startWebSocket: function () {
      var that = this;
      hat.WebSocketInit()
      wx.onSocketError(function () {
 })
wx.onSocketMessage(function (data_) {
      that.socketOperation(data_)
})
wx.onSocketClose(function (res) {
    that.WebSocketInit()
  })
},

//連接websocket
WebSocketInit: function () {
        wx.connectSocket({
        url: this.data.wws,
        data: {},
        method: 'GET',
        success: function (res) {
        console.log("connectSocket 成功")
    },
    fail: function (res) {
        console.log("connectSocket 失敗")
    }
})
wx.onSocketOpen(function () {
// callback
    var mCmd = { "cmd": "connect.Connect", "data": {} }
    wx.sendSocketMessage({
    data: JSON.stringify(mCmd),
    success: function (res) {
    console.log("sendSocketMessage 成功")
},
fail: function (res) {
        console.log("sendSocketMessage 失敗")
    }
})

wx.onSocketMessage(function (data) {
      console.log("onSocketMessage ", data)
    })
})

},

2.然后在新建一個(gè)輔助js來發(fā)送和接收數(shù)據(jù):

function sendMessage() {

    var mCmd = { "cmd": "connect.getWlList", "data": { "mdd": "370600" } }
    wx.sendSocketMessage({
          data: JSON.stringify(mCmd),
          success:function(res){
      }
  })

}

function resiverMessage(context) {
    wx.onSocketMessage(function (data) {
    context.onMessage(JSON.parse(data.data)) //這里定義一個(gè)onMessage方法,用于每個(gè)頁(yè)面的回調(diào)
}) } module.exports = { formatNumber: formatNumber, judge: judge, sendMessage: sendMessage, resiverMessage: resiverMessage }

3.開始使用:

  onMessage: function (res) {
    this.setData({ data: res.data });
    console.log(res);
   
  },
  onLoad: function (options) {
    app.data.util.sendMessage();
    app.data.util.resiverMessage(this)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,001評(píng)論 25 709
  • 寫作是一個(gè)梯度上升的過程,呈現(xiàn)出螺旋式變化和提高的特點(diǎn),在寫作的過程中,難免會(huì)遇到氣餒、不想寫等寫不下去的時(shí)候,我...
    漫步者說事閱讀 674評(píng)論 2 2
  • 你是一月的銀馳蠟像,你是二月的白雪皚皚,你是三月的萬物蘇醒,你是四月的百花齊放 你是五月的欣欣向榮 你是六月的荷 ...
    夢(mèng)醒江南閱讀 548評(píng)論 0 3
  • 通過一張圖了解流行的個(gè)性化推薦算法有哪些優(yōu)缺點(diǎn)及適用的領(lǐng)域。 我使用腦圖的形式整理了現(xiàn)在流行的個(gè)性化推薦算法,包括...
    hirainchen閱讀 3,889評(píng)論 5 18

友情鏈接更多精彩內(nèi)容