uniapp使用websocket代码

Sure! Here's an example of how you can use WebSocket in a UniApp project:

1. Install the `uni-websocket` plugin by running the following command in your project directory:

npm install uni-websocket

2. Create a WebSocket instance in your desired component or page:

import uniWebSocket from 'uni-websocket';

export default {
  data() {
    return {
      socket: null,
      message: '',
    };
  },
  mounted() {
    // Create a new WebSocket instance
    this.socket = uniWebSocket({
      url: 'wss://your-websocket-url',
      protocols: [],
      success: () => {
        console.log('WebSocket connection opened');
      },
      fail: (error) => {
        console.error('WebSocket connection failed:', error);
      },
    });

    // Listen for WebSocket messages
    this.socket.onMessage((event) => {
      console.log('Received message:', event.data);
      // Handle the received message
      this.message = event.data;
    });
  },
  methods: {
    sendMessage() {
      // Send a message through the WebSocket
      this.socket.send({
        data: 'Hello, server!',
        success: () => {
          console.log('Message sent successfully');
        },
        fail: (error) => {
          console.error('Failed to send message:', error);
        },
      });
    },
  },
};

3. In your template, you can display the received message and send a message using the WebSocket:

<template>
  <view>
    <text>{{ message }}</text>
    <button @click="sendMessage">Send Message</button>
  </view>
</template>

Make sure to replace `'wss://your-websocket-url'` with the actual WebSocket URL you want to connect to. Also, handle the received messages and sent messages according to your specific requirements.

Remember to import and install the `uni-websocket` plugin to use WebSocket in your UniApp project.