微信小程序实现即时通讯聊天功能实现websocket长连接

最新推荐文章于 2025-06-23 09:56:42 发布

Seeyoucm

最新推荐文章于 2025-06-23 09:56:42 发布

阅读量8.6k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/qq_42833001/article/details/88568339

直接上代码了
app.js中声明一个全局对象

  globalData: {
    localSocket: {},
    callback: function () {},
    exceptionClose: true
  },
  // 初始化socket
  initSocket() {
    let that = this;
    that.globalData.exceptionClose=true;
     var cookie = '';
     var index = 0;
     for (var key in that.getCookieSync('cookieKey')) {
        if (index > 0) {
          cookie += ';'
        }
        cookie += key + '=' + that.getCookieSync('cookieKey')[key]
         index = index + 1;
      }
    that.globalData.localSocket = wx.connectSocket({
      url: api.WebSocketUrl,
      header:{'Cookie': cookie}
    })

    that.globalData.localSocket.onOpen(function (res) {
      console.log('WebSocket连接已打开！readyState=' + that.globalData.localSocket.readyState)
      
      while (socketMsgQueue.length > 0) {
        var msg = socketMsgQueue.shift();
        that.sendSocketMessage(msg);
      }
    })
    that.globalData.localSocket.onMessage(function (res) {
      that.globalData.callba