用途:在 React/Next.js 项目中接入 Ably 实现实时协作功能,如频道订阅、消息处理、协同编辑、拖拽同步与实时状态更新。
主要能力:频道按 board:{boardId} 命名,每个看板一个频道;使用 ably/react 的 useChannel 订阅与发布;用 zod 定义消息 schema 并在处理前校验;对消息时间戳做 30 秒陈旧过滤;用 useConnectionStateListener 监听连接状态并提示。发布消息时始终携带 timestamp: Date.now()。
使用方式:客户端组件中用 useChannel 订阅,发布用 channel.publish,投票采用乐观更新并在失败时回滚,拖拽组件用 next/dynamic 懒加载。
限制:资料未提供依赖安装命令、Ably 账号与密钥配置、收费信息;示例消息类型与文件路径为特定项目上下文,通用场景需按需调整。