PHP和UniApp实现数据的实时更新与同步的方法

// App.vue

<template>
  <div></div>
</template>

<script>
export default {
  onLaunch() {
    uni.connectSocket({
      url: "wss://your-backend-url",
      success() {
        console.log('WebSocket连接成功');
      },
      fail() {
        console.log('WebSocket连接失败');
      }
    });
    
    uni.onSocketMessage(res => {
      // 收到后端传来的数据，进行相应处理
      console.log('收到数据：', res.data);
      // 更新数据到页面
      this.$store.dispatch('updateData', res.data);
    });
  }
}
</script>

// server.php

$server = new SwooleWebSocketServer("0.0.0.0", 9501);

$server->on("open", function (swoole_websocket_server $server, $request) {
    echo "新的连接建立：{$request->fd}
";
});

$server->on("message", function (swoole_websocket_server $server, $frame) {
    // 接收到前端发来的消息，进行相应处理
    $data = $frame->data;
    // 处理数据逻辑...
    
    // 广播新的数据给所有连接的客户端
    foreach ($server->connections as $fd) {
        $server->push($fd, $newData);
    }
});

$server->on("close", function (swoole_websocket_server $server, $fd) {
    echo "连接关闭：{$fd}
";
});

$server->start();

// 页面中的某个方法

onButtonClick() {
  const data = {name: 'Tom', age: 25};
  uni.sendSocketMessage({
    data: JSON.stringify(data),
    success() {
      console.log('数据发送成功');
    },
    fail() {
      console.log('数据发送失败');
    }
  });
}