实时聊天
-
自动更新Socket连接中的Access Token并处理存储变化
本文旨在解决websocket连接中access token过期或更新后，连接无法自动刷新认证信息的问题。我们将探讨如何利用浏览器`localstorage`的`storage`事件监听机制，动态检测access token的变化，并在检测到更新时，优雅地断开旧的socket连接并建立新的、带有最新…
-
自动滚动至容器底部：利用 MutationObserver 管理动态内容滚动
本文深入探讨了如何利用 JavaScript 的 `MutationObserver` API，实现对动态内容容器（如自定义下拉菜单、聊天窗口或日志输出）的自动滚动管理。我们将学习如何监听 DOM 元素的子节点变化，并在内容更新时自动将滚动条定位到容器底部，确保用户始终能看到最新内容。文章将提供详细…
-
React结合Socket.io与Context API实现房间内用户列表显示
本教程详细介绍了如何在react应用中，利用context api管理房间信息，并结合socket.io实时获取用户数据，通过在`map`函数中进行条件渲染，精确显示当前房间内的活跃用户列表。文章将提供具体的代码示例和实现步骤，帮助开发者构建功能完善的实时聊天应用，确保用户只能看到其所在房间的成员。…
-
如何用Node.js实现一个支持长连接的聊天服务器？
使用WebSocket协议实现长连接聊天服务器，Node.js配合ws库可高效构建实时双向通信服务。1. 选用ws模块替代HTTP短连接，建立持久化连接；2. 创建监听8080端口的WebSocket服务器，维护客户端集合，支持消息广播；3. 前端通过原生WebSocket API连接并收发消息；4…
-
如何构建一个支持GraphQL订阅的实时前端应用？
首先需配置支持WebSocket的GraphQL客户端，如Apollo Client配合WebSocketLink实现订阅功能；接着定义订阅语句并使用useSubscription接收实时数据；同时处理连接状态与错误，确保重连和UI反馈；最后通过缓存更新策略同步数据，避免重复请求，从而实现高效实时交…
-
如何用WebSocket实现一个实时聊天应用？
答案：使用WebSocket协议通过Node.js的ws库实现服务端与客户端双向通信，搭建实时聊天应用。首先创建Express服务器并集成WebSocketServer，维护客户端连接集合，接收消息后广播给其他用户；前端通过new WebSocket连接服务端，监听消息并动态更新页面内容；后续可扩展…
-
Blazor Server 和 WebAssembly 怎么选
选Blazor Server还是WebAssembly取决于应用场景：Server适合网络稳定、需秒级响应的后台系统，首屏快但依赖连接；WebAssembly适合弱网/离线场景，部署简单但首载慢、API受限。 选 Blazor Server 还是 WebAssembly，关键看你的应用要解决什么问题…
-
Orleans框架入门：使用.NET构建分布式、高并发的虚拟Actor系统
Orleans是一个基于.NET的分布式框架，采用虚拟Actor模型，通过Grain实现逻辑上永久存在的单元，自动管理生命周期与位置透明调用；其单线程执行避免并发问题，支持自动伸缩、持久化集成，适用于实时系统、IoT设备影子等高并发场景，简化了分布式开发复杂度。 如果你正在构建一个需要处理大量并发请…
-
Golang如何实现gRPC双向流通信
定义.proto文件中的双向流方法：使用stream关键字声明输入和输出流，如rpc Chat(stream Message) returns (stream Message)；2. 生成Go代码：通过protoc命令配合插件生成chat.pb.go和chat_grpc.pb.go文件；3. 实现服…
-
Go TCP客户端即时数据发送：Nagle算法与服务器端影响
本文探讨go语言tcp客户端在启用setnodelay后仍出现数据发送延迟的常见问题。通过分析nagle算法的作用，并提供一个诊断用的tcp服务器示例，揭示了问题往往出在服务器端对数据的处理方式。教程强调了客户端setnodelay的实际效果，并指导读者如何通过构建简单的回显服务器来验证和调试tcp…
