微信小程序-WebSocket应用

 

为何有 HTTP 协议还需要 WebSocket ?

  Http协议 有个缺陷:通信只能由客户端发起。举例来说,我们想了解今天的天气,只能是客户端向服务器发出请求,服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。(单向请求)注定了如果服务器有连续的状态变化,客户端要获知就非常麻烦。我们只能使用"轮询":每隔一段时候,就发出一个询问,了解服务器有没有新的信息。最典型的场景就是聊天室。轮询的效率低,非常浪费资源(因为必须不停连接,或者 HTTP 连接始终打开)。因此,工程师们一直在思考,有没有更好的方法。WebSocket 就是这样发明的。

WebSocket  最大特点:

服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。

 

微信小程序中的应用:

 

1、页面加载时,建立连接,

onLoad: function (option) {

    wx.connectSocket({
      url: ‘‘ ,  //此处开发者服务器接口地址
    })
}

  

2、监听 WebSocket 接收到服务器的信息 : onSocketMessage() 

onLoad: function (option) {

    wx.connectSocket({
      url: ‘‘ ,  //此处开发者服务器接口地址
    })

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


}

  

3、在发送事件中,wx.sendSocketMessage(OBJECT)

send: function (){
    wx.sendSocketMessage({
      data: JSON.stringify(
        {
          "type": "message",
          "data": { "touser": _This.data.reUnionid, "content": sendValue }
        }),
      success: function (e) {
        console.log(e)
      },
      fail: function (e) {
        console.log(e)
      },
      complete: function (e) {
        console.log(e)
      }
    }
}

  

 

微信小程序-WebSocket应用

上一篇:微信小程序-输入框输入文字后,将光标移到文字中间,接着输入文字后光标又自动跳到最后


下一篇:微信内置浏览器清理缓存方法