小程序webSoket使用方法——实时获取拍卖记录

进入页面开启长连接

/**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.init()  //初始化页面和之前的拍卖记录

    //建立连接,实时接收最新一条拍卖记录
    wx.connectSocket({
      url: 'ws://192.168.31.55:8080/client/' + wx.getStorageSync('userId'),     // 服务器地址
    })

    //连接成功——打开
    wx.onSocketOpen(() => {
      console.log('连接成功');
      // 接收服务器返回的最新一条拍卖纪录的数据
      wx.onSocketMessage((res) => {
        console.log(JSON.parse(res.data))
        this.setData({
          recordList: this.data.recordList.concat(JSON.parse(res.data)),
          recordList2: this.data.recordList.concat(JSON.parse(res.data)).slice(1),
        })
      })
    })
  },

离开页面关闭webSoket

/**
   * 生命周期函数--监听页面隐藏——跳转其他页面
   */
  onHide: function () {
    console.log('页面走了onHide');
    wx.closeSocket({
      success(res) {
        console.log('WebSocket 已关闭!')
      }
    })
  },

  /**
   * 生命周期函数--监听页面卸载——返回上个页面
   */
  onUnload: function () {
    console.log('页面走了onUnload');
    wx.closeSocket({
      success(res) {
        console.log('WebSocket 已关闭!')
      }
    })
  },

你可能感兴趣的:(小程序)