【openclaw+claude系列02】全景拆解——手机、电脑、AI 三者如何协同工作

📅 发布日期：2026年02月14日

🏷️ 标签：架构 | 原理 | 认知

⏱️ 阅读时长：10分钟

📚 系列文章：手机指挥电脑干活系列 - 第2篇

📄 文章摘要

想用手机指挥电脑干活，但不搞懂原理就上手，出了问题只能干瞪眼。手机、电脑、AI 三者之间到底是怎么配合工作的？消息是怎么传递的？该选哪种部署方案？本文用通俗语言拆解整套系统的架构，讲清楚三个角色的分工、通信链路的完整流程、以及三种部署方案的优劣对比。花 10 分钟读完这篇，后面少踩 90% 的坑。

关键词： #系统架构 #OpenClaw #Claude #内网穿透 #weelinking

一、前言：在动手之前，先搞懂全局

上一篇我们了解了 OpenClaw 和 Claude 是什么,以及它们能做什么。

但如果不理解系统的整体架构就直接上手,很容易遇到问题时一脸懵逼:

"为什么连不上?"
"数据是怎么传输的?"
"怎么保证安全?"

花 10 分钟理解架构，后面少踩 90% 的坑。

这一篇我们深入剖析手机、电脑、AI 三者是如何配合工作的，为后续的实操打好理论基础。

💡 本系列全程使用 weelinking 访问 Claude，国内可稳定使用

二、整体架构：三个角色的分工

2.1 手机(指挥官)

手机在这套系统中扮演指挥官的角色:

复制代码

📱 手机端职责:
├─ 随身携带的移动终端
├─ 通过 OpenClaw App 发送指令
├─ 接收任务执行结果和通知
└─ 支持语音输入、拍照识图等交互

你可以用手机做什么:

发送文字指令:"帮我修复登录Bug"
语音输入:"查看服务器CPU使用率"
拍照发送:"这段代码有什么问题"
查看执行结果和日志

手机端的优势:

随身携带,随时随地可用
操作简便,比远程桌面更快
低延迟,指令秒级响应

2.2 电脑(执行者)

电脑是真正的执行者:

复制代码

💻 电脑端职责:
├─ 运行 Claude 桌面客户端(AI大脑)
├─ 拥有完整的开发环境
├─ 可访问本地文件系统
├─ 可执行各种命令和脚本
└─ 运行自动化任务和定时器

电脑端的能力:

代码编辑、编译、测试
文件管理、数据处理
Git 操作、部署发布
运行服务、监控状态

为什么是电脑而不是云服务器:

个人开发环境已经配置好
访问本地文件更快更方便
没有额外的服务器成本
数据更安全,不用上传云端

2.3 OpenClaw(通信中枢)

OpenClaw 是连接手机和电脑的神经中枢:

复制代码

🌐 OpenClaw 职责:
├─ 接收手机端发来的消息
├─ 转发给电脑上的 Claude
├─ 接收 Claude 的执行结果
├─ 回传给手机显示
├─ 消息队列与任务调度
└─ 支持多渠道接入(微信/钉钉/飞书)

OpenClaw 的核心价值:

统一的消息格式转换
实时双向通信
任务队列管理
多设备协同
安全认证

三、通信链路全流程图解

3.1 一条消息的完整旅程

让我们跟踪一条消息从发送到返回的完整过程:

复制代码

第1步: 用户操作
📱 你在手机上输入:"帮我看看有哪些未提交的修改"

第2步: 消息发送
📱 OpenClaw App
  ↓ (WebSocket)
  发送JSON消息: {"type":"command", "content":"查看未提交修改"}

第3步: 中转处理
🌐 OpenClaw 服务端接收消息
  ├─ 验证用户身份
  ├─ 解析指令内容
  └─ 加入任务队列

第4步: 转发到AI
🌐 OpenClaw → 💻 Claude 客户端
  发送: "帮我看看有哪些未提交的修改"

第5步: AI执行任务
💻 Claude 分析指令
  ├─ 理解需求:查看 Git 状态
  ├─ 规划步骤:执行 git status
  ├─ 执行命令:git status
  └─ 整理结果:生成可读性报告

第6步: 返回结果
💻 Claude → 🌐 OpenClaw
  返回执行结果和报告

第7步: 推送通知
🌐 OpenClaw → 📱 手机
  ↓ (WebSocket)
  推送结果:"发现3个文件未提交:..."

第8步: 用户查看
📱 手机收到通知并显示结果

整个过程通常只需要 2-5 秒!

3.2 关键技术点

WebSocket 实时通信:

相比HTTP轮询,延迟更低
支持服务端主动推送
保持长连接,减少握手开销

消息队列:

多个请求按序执行
避免并发冲突
失败可重试

任务调度:

长任务可后台执行
定时任务自动触发
优先级管理

安全认证:

Token 或密钥验证
TLS/SSL 加密传输
操作权限控制

四、部署方案选择

根据使用场景,有三种部署方案可选:

4.1 方案一:局域网部署(入门推荐)

原理:

复制代码

📱 手机 ←→ WiFi ←→ 💻 电脑(运行OpenClaw服务)

适用场景:

在家办公
手机和电脑在同一WiFi下
快速体验和测试

优点:

✅ 配置最简单,5分钟搞定
✅ 不需要公网IP或服务器
✅ 内网速度快,延迟低
✅ 最安全,不暴露到公网

缺点:

❌ 出门后无法使用
❌ 手机需要连家里WiFi

实现步骤(预览):

bash 复制代码

# 电脑端启动服务
docker run -d -p 3777:3777 openclaw/server

# 手机端填入电脑IP
服务器地址: 192.168.1.100:3777

4.2 方案二:内网穿透(进阶推荐)

原理:

复制代码

📱 手机 ←→ 🌍 互联网 ←→ 🔌 穿透工具(frp/Tailscale) ←→ 💻 电脑

适用场景:

外出时也要使用
不想租服务器
需要随时随地访问

优点:

✅ 随时随地可用
✅ 无需公网IP
✅ Tailscale 等方案配置简单
✅ 成本低(Tailscale免费版够用)

缺点:

❌ 需要第三方服务
❌ 电脑需要一直开机
❌ 依赖中转节点稳定性

推荐工具:

Tailscale - 零配置虚拟局域网(强烈推荐)
frp - 老牌内网穿透工具
ngrok - 简单但免费版有限制
Cloudflare Tunnel - 自带HTTPS加密

4.3 方案三:云服务器中转(生产级)

原理:

复制代码

📱 手机 ←→ 🌍 互联网 ←→ ☁️ 云服务器(OpenClaw) ←→ 💻 电脑(Claude)

适用场景:

多人团队共享
要求高可用
电脑不方便长开机
多台电脑协同

优点:

✅ 最稳定可靠
✅ 支持多设备
✅ 可配置负载均衡
✅ 独立部署,灵活性强

缺点:

❌ 需要租服务器(成本约50-100元/月)
❌ 需要一定运维知识
❌ 配置相对复杂

4.4 方案对比总结

对比项	局域网部署	内网穿透	云服务器
配置难度	⭐ 简单	⭐⭐ 中等	⭐⭐⭐ 复杂
使用范围	仅限家中	任何地方	任何地方
稳定性	⭐⭐⭐	⭐⭐	⭐⭐⭐⭐⭐
安全性	⭐⭐⭐⭐⭐	⭐⭐⭐⭐	⭐⭐⭐
成本	免费	免费	50-100元/月
推荐人群	新手体验	个人使用	团队/企业

我的建议:

新手先用方案一体验
确定长期使用后上方案二(Tailscale)
团队使用或追求极致稳定性选方案三

五、数据流与状态管理

5.1 上下文保持

Claude 需要记住之前的对话:

复制代码

你: "查看index.js文件"
Claude: [返回文件内容]

你: "第42行的逻辑有问题,帮我改一下"
Claude: [知道你说的是index.js第42行]  ← 这就是上下文

实现机制:

OpenClaw 维护会话 ID
每次请求携带历史消息
Claude 基于完整上下文理解指令

5.2 文件系统访问

Claude 如何访问你电脑上的文件?

python 复制代码

# Claude 可以使用的工具(简化示例)
class FileTools:
    def read_file(self, path):
        """读取文件内容"""
        return open(path).read()

    def write_file(self, path, content):
        """写入文件"""
        with open(path, 'w') as f:
            f.write(content)

    def list_directory(self, path):
        """列出目录"""
        return os.listdir(path)

安全边界:

可限制访问目录范围
危险操作需要确认
所有操作记录日志

5.3 命令执行

Claude 如何执行命令?

python 复制代码

# 命令执行工具(简化示例)
def execute_command(cmd):
    """执行shell命令"""
    result = subprocess.run(
        cmd,
        shell=True,
        capture_output=True,
        text=True
    )
    return result.stdout

安全机制:

可配置命令白名单/黑名单
危险命令(如 rm -rf)需要确认
限制执行时长,防止卡死

六、实际案例演示

让我们通过一个完整案例来串联整个流程:

场景:手机上让电脑生成一个网页

复制代码

1️⃣ 你在地铁上用手机发送:
"创建一个个人博客首页,包含标题、简介、文章列表"

2️⃣ OpenClaw 接收并转发到电脑上的 Claude

3️⃣ Claude 分析任务,规划步骤:
   - 创建 HTML 文件
   - 编写基础结构
   - 添加 CSS 样式
   - 生成示例内容

4️⃣ Claude 开始执行:
   创建文件: blog.html
   写入内容: <!DOCTYPE html>...

5️⃣ 执行完成,返回结果:
   "已创建 blog.html,包含响应式布局和示例文章"

6️⃣ 手机收到通知,任务完成!

7️⃣ 你(可选):
   "帮我启动一个本地服务器预览"
   Claude: "已启动,访问 http://localhost:8000"

整个过程行云流水，你只需要在手机上说出需求即可！

看到这里，是不是想自己试试？

现在就可以开始------点击注册 weelinking，国内直连 Claude，新用户有免费额度。

七、总结与下期预告

本期要点回顾

三个角色: 手机(指挥官) + OpenClaw(中枢) + 电脑(执行者)
通信流程: WebSocket 实时双向通信,消息从手机到电脑再返回
三种方案: 局域网(入门) / 内网穿透(推荐) / 云服务器(生产级)
核心机制: 上下文保持 + 文件访问 + 命令执行

架构记忆卡(收藏这张图)

复制代码

📱 手机(指挥官)
  ↕️ WebSocket
🌐 OpenClaw(中枢)
  ├─ 消息路由
  ├─ 任务队列
  └─ 安全认证
  ↕️ API调用
💻 电脑(执行者)
  ├─ Claude AI(大脑)
  ├─ 文件系统
  ├─ 命令执行
  └─ 开发环境

下期预告

理论已经讲透,下一篇开始实操!

第3篇:手机端 OpenClaw 安装全攻略

Android 三种安装方式详解
iOS 安装与配置
API Key 配置(使用 Weelinking)
首次启动与测试

从下一篇开始,你将真正动手搭建自己的移动 AI 指挥中心!

互动话题

你打算选择哪种部署方案?

A. 方案一:局域网(简单尝鲜)
B. 方案二:内网穿透(随时使用)
C. 方案三:云服务器(生产级)

欢迎在评论区投票并说明理由！

🔜 下期预告

「手机秒变 AI 遥控器------OpenClaw 手机端安装全攻略」

理论已经讲透，下一篇正式动手！我们将手把手教你在手机上安装 OpenClaw，配置 Claude API 连接，发送第一条测试消息。

👉 点击关注，下篇第一时间通知你。

📖 推荐阅读

如果这篇对你有帮助，以下文章你也会喜欢：

[Claude Skill 是什么？10 分钟快速入门指南] --- 了解 Claude 的技能系统，让 AI 更懂你
[Claude Skill + MCP：打造超级 AI 工作流] --- 用 MCP 协议让 Claude 拥有更强的工具能力
[零基础用 Claude 开发应用] --- 不会编程也能用 Claude 做产品

📦 本篇配套资源

✅ 三种部署方案对比表
✅ 完整架构图（可保存）
✅ 通信流程时序图
📷 需补充：各方案实际部署截图

📌 系列导航： 手机+OpenClaw+Claude实现远程AI编程系列大纲

⏩ 上一篇： 第1篇：躺在沙发上指挥电脑写代码？OpenClaw + Claude 了解一下

⏩ 下一篇： 第3篇：手机秒变AI遥控器_OpenClaw手机端安装全攻略
💡 本系列全程使用 weelinking 访问 Claude，国内可稳定使用

🚀 整个系列的核心理念：你不需要变成程序员，你只需要从"找人做"变成"自己能做"。