Pusher Chatkit 怎么更新这么快? (使用 React JS)

How does Pusher Chatkit update so fast? (with React JS)

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

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

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

Pusher 的 DevRel。

Chatkit 订阅是即时实时发生的,因为它不符合标准 request/response 原则。

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

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