如何在 Next js 中使用 websockets

Question

我正在使用 Next js 对我的应用程序进行服务器端渲染。但是，我还需要连接到使用 websockets 的 Gamesparks 库（用于身份验证）。每次我尝试将我的脚本添加到 head 标签时，我都会收到它不工作的错误。是否可以在 Next js 中使用 websockets？我已经看到很多关于 socket io 的内容，并且正在考虑它，但是我必须重新编写附加的库。我也很好奇，我应该尝试做我自己的后端 Express 服务器来管理这些连接吗？

正如您可能会说的，我是网络开发的新手，因此将不胜感激任何资源或建议！

来自浏览器的错误信息是http://localhost:3000/gamesparks/gamesparks-rt.js net::ERR_ABORTED 404 (Not Found)

Answer 1

该错误几乎总是有帮助的。

这意味着它找不到该 JavaScript 文件，因此您需要找出原因。您的服务器是否设置为提供静态资产？你需要这样配置：

app.use(express.static('public'))

您将该文件放置在public/gamesparks/gamesparks-rt.js与 Express 项目相关的位置。

404 类型错误通常指的是：您的浏览器请求该文件，但被告知该文件不存在。由于除非您指定，否则 Express 不会提供“静态”文件，因此您需要对其进行配置。