workerman刷新前端的逻辑

Question

需求:用户甲在a页面发布了数据，所有用户都要及时在b页面看到。
思路:①通过workerman 实现了新数据从服务器到客户端
②收到的新数据在a页面，如何刷新b页面？是通过全局变量实现么？
③有么有更好的方式？万分感谢
说明:前端是微信小程序，后端是php

Answer 1

您可以通过 WebSocket 将新数据推送给客户端，在接收到新数据的客户端页面，使用 JavaScript 动态更新页面上的内容。

具体来说，当用户在 a 页面发布了数据时，将该数据发送到服务器，服务器接收到数据后，将其广播给所有连接的客户端。客户端在接收到新数据时，将其存储在全局变量中，然后使用 JavaScript 更新页面上的内容。

下面是一个示例代码，假设您已经实现了 WebSocket 广播功能：

// 在客户端页面中定义一个全局变量，用于存储新数据
var newData = null;

// 连接 WebSocket
var socket = new WebSocket('ws://your.websocket.server');

// 接收到新数据时，更新全局变量
socket.onmessage = function(event) {
  newData = event.data;
};

// 定时检查全局变量是否有新数据，如果有，则更新页面内容
setInterval(function() {
  if (newData != null) {
    // 使用 newData 更新页面内容
    // 例如，将新数据显示在 b 页面的列表中
    // 注意：您需要根据具体的页面结构和数据格式自行实现更新逻辑
    newData = null; // 清空全局变量，避免重复更新
  }
}, 1000); // 定时器间隔可以根据实际需求进行调整

当然，您也可以使用第三方框架，如 Socket.IO 或 Swoole WebSocket，来简化 WebSocket 开发过程，实现更多功能，提高开发效率。