Laravel (+ Vue.js) 广播 - 如何设置倒计时然后发送广播消息？

Posted 2023-02-22

【中文标题】Laravel (+ Vue.js) 广播 - 如何设置倒计时然后发送广播消息？

【英文标题】：Laravel (+ Vue.js) Broadcast - How to set up a countdown and then send a broadcast message?

【发布时间】：2021-05-20 19:47:51

【问题描述】：

我想用 Laravel 的广播系统创建一个多人测验（我使用 Vue.js，因此页面不需要刷新）。为此，我需要设置一个系统来在倒计时结束时停止提问（服务器将向玩家发送广播消息）。但是我不知道如何正确地做到这一点并获得最佳性能。 我想使用排队作业：当一个问题开始时，会创建一个作业并延迟 20 秒排队。当作业执行时（20 秒后），会向玩家发送一条广播消息，指示问题已过期。

这是最好的方法还是有其他更好的方法？

提前感谢您的回答

【问题讨论】：

嘿伙计，你明白了吗？

【参考方案1】：

队列可能不是最好的，因为当队列填满时，您最终可能会发送延迟响应。您最好在客户端（在 Vue 中）跟踪时间，并在服务器上验证响应。

当一个问题开始时，存储开始时间。在客户端运行倒计时，并在计时器结束时显示通知。当请求发送到服务器时，查看 20s 是否已过期。

您可以使用 Websockets 来帮助所有玩家保持同步。