javascript - 持续刷新 HTML 表 (SPA) 的最佳选择

Question

我们正在寻找一种简单的方法来持续更新 HTML 表格 (SPA) 以显示收到的“订单”。目前，我们每次想要查看新订单时都必须刷​​新页面。以我有限的前端知识，我能想到3种方法。我希望得到有关最佳方法的建议:

1-定期发出 AJAX 请求(每 10 秒？)，然后使用 JS 框架(Vue 或 React)更新表。

2- 使用 WebSocket(而不是 HTTP)使服务器能够在收到此类新订单时推送数据。

3- 使用通知服务:后端向客户端浏览器订阅的主题发送通知。这会触发前端框架中的一些代码向服务器请求新订单。这可行吗？

同样，我对前端框架(VueJS、React)能做什么或不能做什么的了解非常有限。我不希望这成为一个成熟的项目。我们只是在为(希望如此!)非常常见的用例寻找一个简单的解决方案。谢谢。

Answer 1

这完全取决于您期望在任何给定时间运行的 Web 客户端实例的数量。

即使没有更改，也轮询数据更改，并且同时从许多 Web 客户端执行此操作可能会导致对您自己的基础设施的 DoS 攻击。

WebSockets甚至Server-sent-events应该是一个更可靠的解决方案。

实现客户端很简单，但在后端进行实际的更改检测涉及对数据进行某种版本控制。数据库行级别的散列应该可以解决问题。还有更复杂的解决方案。

您能进一步详细说明您的用例吗？