ClawApp：让 AI Agent 在手机上自由对话

2026-03-22 1 阅读 ClawApp

移动端访问 AI Agent 的困境

在 AI Agent 落地场景中，Web 端体验往往受限于浏览器窗口，多轮对话时频繁切换页面让人不胜其烦。而部署原生 App 又面临 iOS/Android 双平台维护成本。开发者社区迫切需要一个轻量级的移动端解决方案——ClawApp 正是为此而生。

ClawApp 是什么

ClawApp 是一款基于 H5 技术的移动端聊天客户端，专为 OpenClaw AI Agent 平台设计。它允许用户通过手机浏览器直接与平台上的 AI 智能体进行多轮对话，无需安装任何原生应用。

当前版本 1.8.1 在 GitHub 已获得 315 颗 Stars，展现了不错的社区关注度。

技术架构解析

ClawApp 采用典型的分层架构设计：

┌─────────────────────────────────┐
│         UI Layer (H5/CSS)       │
├─────────────────────────────────┤
│       State Management          │
├─────────────────────────────────┤
│      WebSocket Manager          │
├─────────────────────────────────┤
│      OpenClaw API Adapter       │
└─────────────────────────────────┘

核心通信机制

ClawApp 通过 WebSocket 与 OpenClaw 后端保持长连接，实现消息的实时推送。客户端采用事件驱动的状态管理模式，确保 UI 与数据层的同步更新。

消息渲染优化

针对长对话场景，ClawApp 使用虚拟滚动技术优化 DOM 节点数量，配合 CSS 变量实现主题切换，避免了传统列表渲染的性能瓶颈。

与同类工具的差异

特性 ClawApp 传统 Web 端
响应式布局 专为移动端优化 需手动缩放
PWA 支持 可添加到主屏幕 不可用
离线缓存 支持消息缓存 不支持
手势操作 支持左滑删除会话 无

快速上手

安装部署

# 克隆项目仓库
git clone https://github.com/your-repo/ClawApp.git
cd ClawApp

# 安装依赖
npm install

# 开发环境启动
npm run dev

配置 OpenClaw 连接

在项目根目录创建 .env 文件：

VITE_OPENCLAW_URL=https://your-openclaw-server.com
VITE_WS_ENDPOINT=/ws/chat

启动后访问 http://localhost:5173，即可在移动设备浏览器中打开应用进行体验。

适用场景

ClawApp 特别适合以下场景：需要随时通过手机与 AI 智能体交互、追求轻量化体验而不愿安装独立 App、或是需要快速在团队成员间共享 AI Agent 访问入口的开发者与产品团队。

项目源码开放，可在 GitHub 获取最新版本与详细文档。

返回文章列表