openclaw 连接 webChat 来控制电脑

0. 起因

昨天有个客户找到我，希望做一个能通过手机用openclaw控制电脑的需求。我就尝试了解了一下，正好最近openclaw的热度很高，趁这个机会我看看到底怎么个事儿。

1. openclaw 介绍

openClaw（原名Clawdbot、Moltbot，后因版权纠纷更改）在短短一个月内突破 190,000+ stars，成为 GitHub 历史上增长最快的开源项目之一。

这款由 PSPDFKit 创始人 Peter Steinberger 通过AI编程打造的本地、自托管 AI 个人智能助手，通过将消息平台与 LLM 、智能体深度整合，有界面，有第三方集成能力，实现了从电脑操作，日程提醒，会议摘要生成到网页操作等的全场景自动化。

产品本着能不用人工就不用人工的原则，它的定位是：适用于任何操作系统的 AI 智能体 Gateway 网关

2. 环境搭建

2.1 安装openclaw

通过官网提供的几种方式来安装openclaw，我这里用的是默认的脚本：

curl -fsSL https://openclaw.ai/install.sh | bash

国内用户可能需要用魔法，或者尝试其它的安装方式。

2.2 配置 openclaw

这一步需要配置以下几个内容，按照提示一步步走就行：

• AI 模型提供商（我选kimi）
• Channel（我选了feishu）
• skill（可选，我暂时没选）

配置完成后，最后会提醒你要以什么形式运行 openclaw，这里可以选web-UI，使用起来更直观。我这里选了TUI。因为我是需要配置一个云端服务，不需要可视化界面。

完了后就可以在：http://localhost:18789 看到运行界面了。

2.3 编写IM聊天应用

用 react技术栈写了个聊天应用，接入openclaw的聊天系统。

在会话窗口输入相应的命令电脑会同步出现相同的操作。

此时还不够完美，客户的需求是需要在手机端远程控制电脑。有点想以前喜欢玩的一个梗：我希望你能通过电脑控制挖掘机炒菜。

到今天似乎是真的实现了。

2.4 内网穿透

这一步我们是为了通过内网穿透的形式把服务暴露到云端。我用的方案是 frp。

然后就可以肆无忌惮的通过手机来远程控制电脑了。它不同于以往的远程软件的是：这是真正的用AI来帮你处理电脑上的任务，而不是像以往只是远程圈圈点点。

3. 问题列表

3.1 报错不允许的Origin？

在controlUI里配置白名单。（我猜作者用了 vite）

"gateway": {
    ...
    "controlUi": {
      "allowedOrigins": [
        "https://demo.jzxer.cn",
        "http://localhost:3000",
        "http://192.168.49.230:3000",
      ]
    },
  ...
}