mpx微信小程序封装websocket

MPX（Moonwalk Pro eXtended）是一个针对微信小程序开发的扩展工具包，它提供了一些便捷的功能，包括对WebSocket的支持。在微信小程序中直接使用原生WebSocket可能会受到限制，因为微信为了安全性和隐私考虑，对于长连接通信有所控制。

通过MPX，开发者可以更方便地封装WebSocket，以下是一般的步骤：

1. **安装依赖**：首先需要引入MPX的WebSocket插件，这通常会在项目的依赖管理（如npm或yarn）中安装。

   npm install wx-mpx-websocket

2. **初始化WebSocket实例**：在你的业务模块里，使用提供的API创建WebSocket连接。

   import WebSocket from 'wx-mpx-websocket';

   const socket = new WebSocket('wss://your-backend-url');

3. **事件监听和发送消息**：设置好open、message、close等事件处理器，并使用`send()`方法发送数据。

   socket.addEventListener('open', (event) => {
     console.log('WebSocket已打开');
   });

   socket.onmessage = (event) => {
     console.log('接收到消息:', event.data);
   };

   socket.send({ message: 'Hello, Server!' });

4. **处理异常和断开连接**：别忘了处理可能出现的错误和关闭事件。

5. **管理生命周期**：在小程序销毁或用户离开页面时，记得关闭WebSocket连接。

Page({
  onUnload() {
    if (socket.readyState === WebSocket.OPEN) {
      socket.close();
    }
  },
})