微信小程序-WebSocket应用

最新推荐文章于 2025-05-22 17:21:42 发布

转载最新推荐文章于 2025-05-22 17:21:42 发布 · 121 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhangym118/p/9274231.html

文章标签：

#网络 #json

本文探讨了HTTP协议的局限性及WebSocket技术如何解决这些问题。通过WebSocket，客户端与服务器间实现了真正的双向通信，有效提升了实时交互应用的性能。文章还介绍了WebSocket在微信小程序中的具体实现案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

转载于:https://www.cnblogs.com/zhangym118/p/9274231.html