uniapp websocket封装调用

UniApp 是一个跨平台的应用开发框架，可以使用 Vue.js 开发多个平台的应用。在 UniApp 中使用 WebSocket 需要进行封装和调用。

1. 首先，在 `common` 目录下创建一个 `utils` 文件夹，并在该文件夹下创建一个 `websocket.js` 文件。

2. 在 `websocket.js` 中编写 WebSocket 的封装代码，如下所示：

// 导出一个函数，用于创建 WebSocket 连接
export function createWebSocket(url, onMessage, onError, onClose) {
  // 创建 WebSocket 对象
  const socket = new WebSocket(url);

  // 监听 WebSocket 的打开事件
  socket.onopen = function () {
    console.log('WebSocket 连接已打开');
  };

  // 监听 WebSocket 的消息事件
  socket.onmessage = function (event) {
    onMessage(event.data);
  };

  // 监听 WebSocket 的错误事件
  socket.onerror = function (error) {
    onError(error);
  };

  // 监听 WebSocket 的关闭事件
  socket.onclose = function () {
    onClose();
  };

  // 返回 WebSocket 对象，方便其他地方使用
  return socket;
}

3. 在需要使用 WebSocket 的页面中，引入 `websocket.js` 并调用 `createWebSocket` 函数创建 WebSocket 连接，如下所示：

import { createWebSocket } from '@/common/utils/websocket.js';

export default {
  mounted() {
    // 创建 WebSocket 连接
    this.socket = createWebSocket(
      'ws://localhost:8080', // WebSocket 服务器地址
      this.handleMessage, // 接收消息时的回调函数
      this.handleError, // 发生错误时的回调函数
      this.handleClose // 连接关闭时的回调函数
    );
  },
  methods: {
    // 处理接收到的消息
    handleMessage(data) {
      console