uniapp websocked使用

在 uni-app 中使用 WebSocket 需要以下几个步骤：

1. 在 `manifest.json` 中配置权限：

{
  "mp-weixin": {
    "appid": "yourAppId",
    "permission": {
      "scope.userLocation": {
        "desc": "你的位置信息将用于小程序位置接口的效果展示"
      },
      "scope.record": {
        "desc": "你的录音功能将用于小程序语音识别接口的效果展示"
      },
      "scope.writePhotosAlbum": {
        "desc": "你的相册功能将用于小程序图片保存接口的效果展示"
      },
      "scope.websocket": {
        "desc": "你的聊天功能将用于小程序 WebSocket 接口的效果展示"
      }
    }
  }
}

2. 在需要使用 WebSocket 的页面中引入 `uni-ws` 组件：

<template>
  <view>
    <!-- ... -->
  </view>
  <uni-ws url="wss://example.com/ws" :onmessage="onMessage" :onerror="onError" :onclose="onClose" @open="onOpen"></uni-ws>
</template>

<script>
  export default {
    // ...
    methods: {
      onOpen(event) {
        console.log('WebSocket connected:', event)
      },
      onMessage(event) {
        console.log('WebSocket message received:', event)
      },
      onError(event) {
        console.error('WebSocket error:', event)
      },
      onClose(event) {
        console.log('WebSocket closed:', event)
      }
    }
  }
</script>

其中，`url` 是 WebSocket 的地址，`onmessage`、`onerror`、`onclose` 是 WebSocket 的事件回调，`@open` 是 WebSocket 打开时的回调。

3. 发送 WebSocket 消息：

this.$refs.ws.send('Hello, WebSocket!')