ClawApp 体验报告：手机端 Chatbot 用户的开源之选

2026-04-13 167 阅读 ClawApp

当你在地铁上想和 AI 助聊，却发现网页端「水土不服」

移动办公场景下，很多 AI Agent 平台的后台管理界面在手机上体验并不友好。表单交互复杂、响应速度慢、甚至直接不支持移动端——这是不少开发者在实际使用中的痛点。特别是需要随时查看对话记录、切换不同 AI 智能体时，电脑不在身边就成了难题。

ClawApp 正是为解决这个场景而生。作为 OpenClaw 平台的移动端 H5 客户端，它让你用浏览器就能流畅地与 AI 智能体对话，界面简洁、操作直观。

项目概览

ClawApp 目前版本为 1.9.0，托管于 GitHub。作为一个轻量级的 H5 应用，它的核心优势在于：

  • 零安装：直接通过浏览器访问，无需下载 App
  • 跨平台：iOS、Android、平板设备均可使用
  • 快速响应：H5 技术栈保证了较低的加载延迟

对于个人开发者或小型团队来说，这种「扫码即用」的方案省去了部署原生 App 的成本。

技术架构简析

从项目结构来看，ClawApp 采用典型的 SPA（单页应用）架构，核心依赖包括：

{
  "framework": "Vue/React", 
  "ui_library": "Vant/Tdesign Mobile",
  "state_management": "Pinia/Zustand",
  "http_client": "Axios"
}

前端通过 WebSocket 与 OpenClaw 后端保持长连接，实现实时消息推送。消息加密传输，保障对话隐私。

与传统的网页端后台相比，ClawApp 做了两件事：

  1. 交互简化：砍掉了复杂的配置面板，聚焦聊天本身
  2. 移动适配：采用 rem 响应式布局，触控操作友好

快速上手

环境要求

  • Node.js 16+
  • 一个运行中的 OpenClaw 后端服务

安装步骤

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

# 安装依赖
npm install

# 配置后端地址（在 .env 文件中）
VITE_API_BASE_URL=http://your-openclaw-server:8080

# 启动开发服务器
npm run dev

启动后，手机扫描终端显示的二维码即可访问。

连接配置

首次使用时，需要在设置页面填入 OpenClaw 服务地址和个人认证 Token：

// 连接示例
const config = {
  apiBase: 'https://your-openclaw-domain.com',
  token: 'your-personal-access-token',
  agentId: 'agent-001' // 可选，指定默认智能体
};

配置完成后，即可开始对话。

为什么选择 ClawApp？

对比项 ClawApp 原生 App 网页后台
安装成本 无 需要审核上架 无
跨平台 是 否（需多端开发） 是
功能专注度 聊天为主 功能完整但笨重 配置为主
开发维护 轻量 维护成本高 -

如果你只需要「在手机上发消息给 AI」，ClawApp 的简洁设计刚好够用；但如果需要完整的会话管理、模型配置等高级功能，可能仍需借助桌面端。

适用场景

  • 外出时临时查看 AI 对话进展
  • 移动端快速测试 Agent 响应效果
  • 小团队成员共用账号的场景

项目地址：GitHub 搜索 ClawApp，Star 持续增长中。对于有移动端需求的 OpenClaw 用户，这个开源项目值得关注。

返回文章列表