uniapp dom 实时通信 实时直播

//聊天dom

<template>
  <view>
    <scroll-view scroll-y class="message-list">
      <view v-for="message in messages" :key="message.id">{
  { message.content }}</view>
    </scroll-view>
    <input type="text" v-model="newMessage" @confirm="sendMessage" placeholder="输入消息" />
  </view>
</template>

<script>
export default {
  data() {
    return {
      socket: null,
      messages: [],
      newMessage: '',
    };
  },
  mounted() {
    this.connectWebSocket();
  },
  beforeUnmount() {
    if (this.socket) {
      this.socket.close();
    }
  },
  methods: {
    connectWebSocket() {
      this.socket = uni.connectSocket({
        url: 'Your_WebSocket_Server_URL',
        success: () => {
          console.log('WebSocket连接成功');
        },
      });
      
      this.socket.onOpen