Uni-app实现前后端长连接

废话不多直接上代码

// 在需要使用长连接的页面或组件中引入以下代码
let socketTask = null; // 定义全局变量socketTask

// 封装长连接发送消息方法
function sendSocketMessage(msg) {
  if (socketTask && socketTask.readyState === 1) {
    socketTask.send({
      data: msg
    });
  }
}

// 封装长连接关闭方法
function closeSocket() {
  if (socketTask) {
    socketTask.close();
    socketTask = null;
  }
}

// 连接长连接服务器
function connectSocket(unique) {
  socketTask = uni.connectSocket({
//“xxx”后端地址请把http去掉，例如：//192.163.11.8003
    url: `ws://xxx`,
    success: function () {
      console.log('WebSocket连接成功！');
    },
    fail: function () {
      console.log('WebSocket连接失败！');
    }
  });

  // 监听长连接打开事件
  socketTask.onOpen(function () {
    console.log('WebSocket打开！');
  });

  // 监听长连接接收消息事件
  socketTask.onMessage(function (res) {
    console.log('收到服务器内容：' + res.data);
  });

  // 监听长连接关闭事件
  socketTask.onClose(function () {
    console.log('WebSocket关闭！');
  });

  // 监听长连接错误事件
  socketTask.onError(function () {
    console.log('WebSocket错误！');
  });
}