微信小程序链接‌WebSocket

功能点分享

已于 2024-09-07 10:09:03 修改

阅读量376

点赞数 2

文章标签：微信小程序 websocket 小程序

于 2024-09-07 10:07:04 首次发布

本文链接：https://blog.csdn.net/qq_33476262/article/details/141989032

版权

util.js 添加以下代码

var socketTask = null;
function link_chat(random){
   socketTask = wx.connectSocket({
    url:'你得链接',
  });

  // 监听 WebSocket 连接打开事件
  socketTask.onOpen(() => {
  // 检测是否链接成功

    getApp().globalData.is_chat='yes'
  });

  // 监听 WebSocket 连接关闭事件
  socketTask.onClose(() => {
    console.log('WebSocket 连接已关闭');

  });
  // 监听 WebSocket 错误事件
  socketTask.onError((err) => {
    console.error('WebSocket 错误：', err);
  });
    // 监听 WebSocket 接收到服务端消息事件
 socketTask.onMessage((res) => {  
   // 处理你服务器返回的数据

   msg.push(res.data)     //赋值给公共变量 
      //如果数据变化旧加1
   getApp().globalData.msgCount=getApp().globalData.msg.length+1
});
function sendSocketMessage(data) {
  if (socketTask && socketTask.readyState === 1) {
    socketTask.send({
      data: JSON.stringify(data),
    });
  }
}
// 关闭 WebSocket 连接
function closeSocket() {
  if (socketTask && socketTask.readyState === 1) {
    socketTask.close();
    socketTask = null;
  }
}

在app.js 添加公共变量

globalData:{
msg:[],
msgCount:0
}
//添加监听sgCount 数量变化
 watch: function (variate, method) {
    var obj = getApp().globalData;
    let val = obj[variate];
    Object.defineProperty(obj, variate, {
      set: function (value) {
        val = value;
        method(variate, value);
      },
      get: function () {
        return val;
      }
    })
  },

在你需要监听的页面添加

  onLoad(options) {
  
 getApp().watch('msgCount', () => {
 // 当msgCount有变化时候就更新服务器返回的消息
 this.data.fetch()
    })
 }
fetch:function(){
 var ltlist= app.globalData.msg  // 获取WebSocket 服务器返回的消息
 that.setData({
    arr:ltlist,
   })  
}