uniapp 使用WebSocket实时获取消息

UniApp是一个基于Vue.js的跨平台应用开发框架，它允许开发者构建一次，发布到多个平台上，如微信小程序、H5、iOS、Android等。如果你想在UniApp中利用WebSocket实现实时消息推送，可以按照以下步骤操作：

1. **安装依赖**：首先，在项目目录下安装WebSocket库，比如`uni-wx-websocket`，可以在`npm install uni-wx-websocket --save` 或 `yarn add uni-wx-websocket`中选择适合的方式。

npm install uni-wx-websocket --save

2. **配置WebSocket服务**：创建一个WebSocket实例，并连接到服务器。例如，在页面生命周期钩子`onReady`中初始化：

import WebSocket from 'uni-wx-websocket';

Page({
  onReady() {
    const socket = new WebSocket('ws://your-server-url.com');
    socket.onmessage = (event) => {
      console.log('Received message:', event.data);
      // 在这里处理接收到的消息
    };
    socket.onerror = (error) => {
      console.error('WebSocket error:', error);
    };
  }
})

替换`ws://your-server-url.com`为实际的WebSocket服务器地址。

3. **发送消息**：当你需要向服务器发送数据时，调用`socket.send()`方法即可：

socket.send('Hello Server!');

4. **维护连接**：记得在合适的时机关闭连接，例如在用户离开页面或整个应用卸载时。可以设置`socket.close()`来关闭连接。

// 页面即将销毁时关闭连接
Page().onunload(() => {
  socket.close();
})