4momentary: 瞬态实时通信协议与 3D 空间中继系统
无数据库、零摩擦的即弃型通信协议,融合黑白野兽派美学、三维坐标空间遥测以及自带密钥(BYOK)AI 伴侣。
在线演示 • [私有代码库]
概述
- 角色: 独立唯一创作者兼全栈架构师(100% 从零独立完整研发)
- 在线演示: 4momentary.vercel.app
- 代码库: 私有代码库
- 技术栈: Next.js 16 (App Router, Turbopack), React 19, TypeScript, Tailwind CSS v4, Lucide React, Upstash Redis, PeerJS (WebRTC), DeepSeek AI API, Web Audio API, Canvas API
- 核心成果: 实现亚秒级即弃房间创建,保证零长期追踪、零用户账户、零数据库消息留存,并在房间到期(T)时执行绝对的数据销毁。
- 项目总结: 4momentary 是一套采用 Next.js 16、React 19 与 Tailwind CSS v4 构建的野兽派、零摩擦临时通信协议与实时消息系统。基于房间到期(T)后所有数据即刻化为虚无的核心数学定义,它提供可随时销毁的多频道大厅、浏览器端优化的 1MB 图片即时分享、WebRTC 端对端数据中继、交互式 3D 空间雷达地图,以及具备指令角色库与实时网络检索能力的本地密钥 AI 伴侣(The Moth)。
数学基础与产品哲学
整个产品的系统架构被形式化定义为一个严谨的数学公式:
4momentary(T) = ∫₀ᵀ ( peers ⊕ messages ) dt − accounts − archive − tracking
room'(t) = peers(t) ⊕ messages(t) [0 ≤ t < T]
lim (t → T⁻) room(t) = ∅
核心符号释义:
- room(房间): 拥有名称和倒计时时钟的独立空间,无需额外配置。
- channel(频道): 房间内部的无限子流,每个频道维护独立的聊天记录。
- category(分类): 频道的逻辑分组,独立存在且绝不污染频道名称。
- link(链接): 单一纯净的 URL。无需接受邀请码、无需注册账户、无需安装客户端。
- timer(计时器): 30 分钟至 24 小时的服务器权威倒计时。房主可随时提前关闭房间。
- ⊕ (追加): 实时到达的参与者与消息动态追加。
- − accounts (减去账户): 无人注册,无人登录。
- − archive (减去存档): 没有任何聊天记录或图片能够在 T 之后留存。
- − tracking (减去追踪): 无 Cookie、无数据埋点分析、无用户画像、无广告追踪像素。
- T (到期时刻): 房间及其所有内存分配彻底消失的绝对时间戳。
- ∅ (虚无): 并非“软删除”或转入历史库——内存已被完全释放,物理上没有任何残存数据可供删除。
问题与战略契机
- 监控与永久归档沉重负担: 主流即时通讯平台(Discord、Slack、Telegram、WhatsApp)会在云端服务器长期存储历史对话、文件附件、人脉图谱和行为元数据。进行一次临时的技术对齐或头脑风暴也会留下永久的数字痕迹。
- 入门阻力繁琐: 为快速例会、突发事件响应、设计评审、技术面试或游戏组队创建临时房间,通常需要经历繁琐的注册验证、OAuth 授权和客户端下载流程。
- 界面臃肿冗余: 商业软件中充斥着复杂的侧边栏、通知徽标、服务器列表和花哨的视觉装饰,极易分散注意力。
- 产品契机: 打造一款极简黑白野兽派风格、一键瞬时建房、具备绝对隐私承诺且集成了轻量化 AI 辅助的免维护通信工具。
系统架构与技术决策
1. 边缘内存中继与 Redis TTL 自动销毁
- 纯零数据库核心: 房间状态完全运行在临时服务器边缘内存中 (
/api/room/[roomId])。
- Redis TTL 兜底机制: 当启用 Upstash Redis 时,房间数据被赋予严格等于剩余时长的生命周期(TTL)。倒计时归零时,Redis 会在毫秒级内自动抹除所有键,无需定时脚本清理。
- 服务器权威时钟: 过期时间戳(
expiresAt)在服务端计算并验证。一旦到期,API 将立即返回 HTTP 403 拒绝所有发送行为。
2. WebRTC 端对端(P2P)网状中继
- 直接 P2P 数据通道: 同一房间内的浏览器尝试通过 PeerJS 和公共 STUN 服务器建立直连,实现超低延迟的消息传输。
- 无缝回退机制: 若防火墙或对称 NAT 策略阻断直连,客户端将无感回退至边缘内存中继。
- 多标签页 BroadcastChannel: 本地浏览器多个标签页之间借助
BroadcastChannel API 毫秒级同步状态,避免产生多余的网络往返。
3. 多频道与分类层级架构
- 零额外表结构开销: 频道以轻量元数据标签(
Message.channelId)的形式附加在消息上,后端无需建立复杂的频道关系表。
- 可折叠分类结构: 频道支持分类归属(
Message.categoryId),带来媲美 Discord 的组织体验而无需复杂的后台配置。
- 频道作用域隔离: 当前聊天流、未读提醒和搜索检索严格局限在所选频道,而系统级公告始终对全房间可见。
4. 3D 空间雷达地图与遥测
- 空间三维坐标投影: 每个房间都会分配一个独有的虚拟 3D 空间坐标 (X, Y, Z)。
- 交互式 3D 轨道雷达: 用户可在三轴雷达地图上自由探索在线房间,支持轨道旋转、平移漫游、缩放以及精确坐标跃迁。
- 实时用户群态动效: 在线用户被呈现为穿梭于虚拟空间中的抖动蝴蝶(Dithered Butterflies),直观传递房间活跃态势。
5. 客户端 1MB 媒体压缩管线与 Beehive 蜂巢选色器
- Canvas 本地等比压缩: 通过剪贴板粘贴(
Ctrl+V)或文件上传的图片会在 HTML5 Canvas 中智能等比降采样,严格控制在 1MB 上限以内。
- 瞬态媒体处理: 发送前支持缩略图检视,发送后支持全屏野兽派灯箱展示,到期随房间一同彻底销毁。
- 39 格 Beehive 六边形调色板: 采用无缝拼接的尖顶 SVG 蜂巢几何构造,配备自动亮度对比度算法(
isLightColor)以智能匹配文字可读性。
6. The Moth: 自带密钥(BYOK)AI 伴侣与指令市场
- 自带密钥安全模式 (BYOK): 依赖用户提供的 DeepSeek API 密钥,且密钥仅在当前会话的
sessionStorage 中留存,绝不上报服务器或写入聊天记录。
- 指令市场 (Directive Marketplace): 内置专门调优的角色系统,包含 Dota 教练(集成 Dotabuff/Dotafury 版本语法解析)、体育分析师、数理科学、学术调研以及职业助手。
- 安全网络检索: 服务端提供 DuckDuckGo 搜索与网页阅读能力,具备内存缓存与个人隐私脱敏保护。
- 跨房间驻留子伴侣: 支持在其他房间部署独立子伴侣,实现多任务协同响应。
7. 野兽派多主题引擎
- 五套建筑学美学主题:
- 4momentary (Noir): 黑曜石纯黑主题(
#000000 画布,纯白几何边框)。
- Stark White: 高对比纸质野兽派(
#ffffff 画布,沉稳黑实线)。
- Terminal Phosphor: 复古 CRT 荧光绿(
#050a05 画布,发光绿色等宽字符)。
- Newsprint: 报纸与木炭灰墨印刷风格(
#f4efe6 画布,#141311 正文)。
- Industrial: 工业工程蓝图风格(
#091018 画布,#00e5ff 青色强调)。
- 移动端优先布局: 锁定
100dvh 视口高度,杜绝横向滚动条,并集成 Web Audio API 带来细腻的触觉声音反馈。
核心指标与系统规格
隐私、安全与合规保障
- 绝对不收集的信息: 不收集邮箱地址、不收集电话号码、不创建任何密码、不植入分析追踪代码、不生成将 IP 与聊天内容关联的持久日志。
- 浏览器本地留存内容: 用户昵称、Beehive 强调色和主题选择保存在
localStorage 中;DeepSeek 密钥与私密房间授权令牌仅保存在当前标签页的 sessionStorage 中,关闭标签即刻丢失。
- 活跃时中继仅保留数据: 当前在线名册(每 25 秒心跳保活)、房间主题、三维坐标及正在流转的消息载荷。
- 确定性销毁保证: 当倒计时 T 结束,相关内存段被彻底释放。已过期房间均返回 HTTP 404,从协议层拒绝后续的任何读取或写入。
思考与未来演进
- 工程经验: 在没有持久化关系数据库的前提下,利用
BroadcastChannel 和内存 TTL 映射优雅地实现了多标签与跨端同步。
- WebRTC 弹性设计: 在 PeerJS 数据通道与边缘服务端中继之间建立透明的智能降级路径,有效解决了严格企业内网用户的互通难题。
- 演进方向: 计划引入基于 Web Crypto 的会话级端到端加密签名,并在 3D 空间地图中加入多维空间聚类算法。
我的贡献
- 协议与服务端架构: 设计了内存临时存储方案、Redis TTL 自动销毁引擎、服务端权威倒计时同步机制及 Edge API 中继接口。
- 前端与 UI/UX 体验: 构思并实现了黑白野兽派视觉规范、5 种高对比主题、
100dvh 移动端布局以及 39 格 Beehive 六边形取色器。
- 3D 空间遥测地图: 独立完成了三维空间坐标映射算法、轨道漫游摄像机控制及蝴蝶粒子集群动效。
- AI 伴侣与工具链集成: 实现了基于本地密钥的 DeepSeek 伴侣(The Moth)、指令预设市场、Dota 实时数据解析语法以及网络检索工具。
- 工艺与工程质量: 保持 Next.js 16 / React 19 零编译构建错误、ESLint 零告警,并完全达到 Impeccable 工艺严选标准。
线上部署与代码库
- 线上运行地址: 已在 Vercel 生产环境正式部署上线:4momentary.vercel.app。
- 代码库权限: 私有代码库(100% 从零自主构建的独立知识产权项目)。