javascript - Pusher Chatkit 怎么更新这么快？ (使用 React JS)

Question

我按照这个教程 https://medium.freecodecamp.org/how-to-build-a-react-js-chat-app-in-10-minutes-c9233794642b (或这里的代码 https://scrimba.com/c/crVznf6 )这是一个非常好的应用程序。

他们使用 https://pusher.com/chatkit .我只是想知道如何API 更新速度很快。立即地。当然有可能每隔一秒用 setInterval() 询问 API( Auto update the user interface in ReactJS )但他们似乎使用不同的方式来做到这一点。

我真的很想知道更多关于这项技术的信息。也许有人知道如何在休息时做到这一点和其他外部 API。谢谢。 (我真的是一个React初学者)

Answer 1

此处为 Pusher 的 DevRel。

Chatkit 订阅是实时发生的，因为它不按照标准的请求/响应原则工作。

相反，每个客户端将保持与 Chatkit 服务的持久连接 - JS 库执行此操作的方式是打开 WebSocket - a protocol and API in modern web browsers ，或持久的 HTTP 连接并通过它流式传输数据。

由于连接已经建立，服务器可以向所有连接的用户实时发送新消息、状态更新和输入指示。