微信小程序-WebSocket应用

zhangym118 2021-11-27 原文

为何有 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)
      }
    }
}