ClawApp 1.9.0 发布：让 AI 智能体对话随手机随时可达

2026-03-30 2 views ClawApp

痛点场景：不在电脑前，AI 智能体怎么聊？

凌晨两点，你躺在床上突然想起昨天部署的 AI 智能体还有几个问题没调试完。打开笔记本电脑？太麻烦。拿起手机？但 OpenClaw 平台只提供了桌面端界面，移动端体验几乎为零。

这不是个例。AI 智能体开发者普遍面临"设备碎片化"的困扰——代码编写在电脑端，但随时随地监控、调试、对话的需求却无处不在。ClawApp 正是为解决这一痛点而生。

ClawApp 是什么

ClawApp 是 OpenClaw AI Agent 平台的官方移动端 H5 客户端，采用 React + TypeScript 技术栈开发，当前版本 1.9.0，GitHub 已获 345 颗星。

核心定位很明确：用手机浏览器直接与你的 AI 智能体聊天，无需安装原生 APP，扫码即用。

技术架构解析

H5 优先的跨端策略

不同于传统的 React Native 或 Flutter 方案，ClawApp 选择了纯 H5 路线。这意味着：

  • 零安装成本：用户只需打开浏览器，扫描二维码即可使用
  • 系统无关：iOS、Android、平板均可完美适配
  • 更新即时：服务端更新代码，用户无需手动升级

核心技术栈

前端框架: React 18
类型系统: TypeScript 5
状态管理: Zustand
样式方案: Tailwind CSS
构建工具: Vite
通信协议: WebSocket + REST API

Zustand 的轻量状态管理让应用在移动端保持流畅，Tailswind CSS 则确保了复杂 UI 的响应式布局。

与 OpenClaw 平台的集成

ClawApp 通过 OpenClaw 提供的 API Gateway 与后端通信：

// 核心连接示例
import { useClawStore } from '@clawapp/sdk';

const wsUrl = 'wss://your-openclaw-server.com/ws';

function connectToAgent(agentId: string) {
  const socket = new WebSocket(`${wsUrl}?agent=${agentId}`);
  
  socket.onmessage = (event) => {
    const data = JSON.parse(event.data);
    useClawStore.getState().addMessage(data);
  };
  
  return socket;
}

核心功能特性

功能 说明
多智能体切换 支持同时连接多个 AI 智能体
会话持久化 聊天记录自动同步到 OpenClaw 云端
媒体支持 支持图片、语音等富媒体消息
离线缓存 Service Worker 实现消息本地缓存

部署与使用

快速启动

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

# 安装依赖
npm install

# 开发模式启动
npm run dev

# 构建生产版本
npm run build

配置 OpenClaw 连接

创建 .env 文件：

VITE_API_BASE=https://your-openclaw-server.com
VITE_WS_URL=wss://your-openclaw-server.com/ws

启动后扫描生成的二维码，即可在手机端访问。

与同类工具的差异

市面上的 AI 聊天客户端多为主流大模型设计（如 ChatGPT、Claude），它们不针对自定义 AI Agent 场景优化。ClawApp 的差异化在于：

  1. 深度集成 OpenClaw：原生支持多 Agent 切换、工具调用、状态同步
  2. 极简交互设计：移动端特有的手势操作、长按快捷回复
  3. 资源占用低：对比 Electron 桌面端，H5 版本内存占用减少约 60%

适用场景

ClawApp 尤其适合以下场景：

  • 移动办公：外出时随时监控 AI 智能体状态
  • 快速调试：手机端直接触发 Agent 工具链测试
  • 多端协同：与桌面端配合，实现跨设备连续对话

目前项目已在 GitHub 开源，版本迭代活跃，345 颗星体现了开发者社区对其移动端体验的认可。如果你正在使用 OpenClaw 平台，ClawApp 值得一试。

Back to Blog