解决微信小程序建立WebSocket后onSocketOpen只触发一次

问题描述:在特定条件下跳转某个页面,并连结wx.connectSocket(),wx.onSocketOpen()监听成功时执行相应的逻辑处理,当退出该页面再次以相同的条件进入该页面时,wx.connectSocket()连结成功,但是wx.onSocketOpen()和wx.onSocketError()的callback函数都监测不到。

解决方案:在onHide的生命周期里面 关闭连接wx.closeSocket();

Page({

  //连接connectSocket
  connectSocket(){
    wx.connectSocket({
      url:'wss://wss.XXXXX',
      header: {
        'content-type': 'application/json'
      },
      success: function (res) {
        console.log('Socket连接成功:', res);
      },
      fail: function (res) {
        console.error('连接失败:', res);
      },
    })
  },
  onLoad(options) {
    var that = this; 
    // websocket连接
    if (options.id){
      that.connectSocket();
      // websocket打开
      wx.onSocketOpen(() => {
        console.log('监听到 WebSocket 连接已打开!');
      })
      //连接失败
      wx.onSocketError((err) => {
        console.log('websocket连接失败', err);
        that.connectSocket();
      })

      // 收到websocket消息
      var pass = 0;
      wx.onSocketMessage(function (res) {
        const msg = JSON.parse(res.data) // 收到的消息为字符串,需处理一下
        }
      })
      // 检测到 WebSocket 连接
      wx.onSocketError(function (res) {
        console.log('监听到 WebSocket连接报错!');
        that.connectSocket();
      })
      // 检测到 WebSocket 连接已关闭
      wx.onSocketClose(function (res) {
        console.log('监听到 WebSocket 连接已关闭!');
      })
    }
  },
  onHide() { 
    wx.closeSocket();
  },
})

 

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值