边缘部署 Cloudflare Workers 全球加速

实时客服
聊天系统

React + Hono + Cloudflare Workers。SSE 实时推送 · 文件上传(R2 存储) · 5 阶段任务进度 · 排队系统 · iOS Bark 推送。PC / 移动端自适应

⭐ 查看源码 📖 文档
$ npm install && npm run dev
SSE
实时推送
5
任务阶段
R2
文件存储
全球
边缘部署
FEATURES

完整客服工作流

SSE 实时推送

基于 Server-Sent Events 的消息推送,断线自动重连 + 轮询备用,确保消息不丢。

📁

文件上传

支持图片、视频、文档上传与预览。Cloudflare R2 存储,无出口流量费。

📊

任务进度管理

5 阶段任务状态机:待处理 → 处理中 → 等待回复 → 已完成 → 已关闭。

🎟

排队系统

用户排队查询,客服任务队列管理。高峰期防止客服超载。

🔔

iOS Bark 推送

新消息实时推送到 iPhone。可配置关键通知 vs 静默通知。

🔐

JWT 认证

客服端 / 用户端分离认证。IP 限流防止恶意刷消息。

📱

响应式设计

PC 工作台 + 移动端聊天,自适应各种屏幕。Tailwind CSS。

🏷

会话主题

每个会话可设置主题,客服端按主题分类筛选,提升处理效率。

🌐

边缘部署

Cloudflare Workers 全球 200+ 节点自动就近响应,无需自己部署 CDN。

TECH STACK

技术栈

边缘计算 + 类型安全

技术
前端React + Zustand + Lucide Icons
后端Hono + Zod + Zod-OpenAPI
实时通信SSE (Server-Sent Events)
存储Cloudflare KV + R2
部署Cloudflare Workers
开发工具@hono/vite-dev-server (单端口开发)
类型安全Hono RPC (端到端)
认证JWT + IP 限流
测试Vitest + Playwright

开箱即用的客服系统

边缘部署 · 实时推送 · 完整工作流