socket.io vs swr 更新实时内容

Question

我目前正在使用 next.js 构建一个 web 应用程序，它需要跨设备实时更新，例如，如果有人加入一个组，这需要立即显示给该组的所有现有成员。

目前，我最初是在页面加载时为用户获取数据，并在必要时使用 socket.io 更新内容。但是，我刚刚发现了 SWR 框架，它会在请求正文发生变化时自动更新内容。

我的问题是：我最好坚持我目前的方法，还是使用 SWR 钩子？目前，页面加载时正在获取大量数据，例如组、设置等，但如果我使用多个 SWR 挂钩分别获取组、设置等，效率会更高吗？

Answer 1

我不认为SWR会做你期望它做的事情。它可以帮助您发送一个很好的 HTTP 请求，缓存它并在您需要时刷新它（例如，在一定时间后，prop 更改、组件安装）。它对套接字所做的最接近的事情可能是“间隔轮询”。

例如，您可以将 SWR 设置为每 5 秒刷新一次数据，但这实际上不是“实时”连接。如果您的内容需要实时更新，我会说，坚持使用套接字。如果您想从 HTTP 服务器加载内容、缓存并不时重新验证它，SWR 就是您的工具。