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

标签 javascript reactjs pusher

我按照这个教程 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初学者)

最佳答案

此处为 Pusher 的 DevRel。

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

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

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

关于javascript - Pusher Chatkit 怎么更新这么快? (使用 React JS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54161238/

相关文章:

javascript - redux-simple-router - 基于 URL 执行操作

javascript - React 中带有单选按钮的动态文本显示

php - Laravel Echo 在 Laravel 8-vujs "^2.5.17"版本中未接收 Pusher 事件

javascript - jquery:如何切换 1 个输入字段的密码?

javascript - 从浏览器下载 JSON 对象作为文件

javascript - 使用javascript从HTML获取文本

android - Android 实现的推送器

javascript - 如何从 html 更改 angularjs 变量

reactjs - React - 仅在变量为 true 时才显示项目

php - 带有 Laravel 5 身份验证的推送器