教程

OpenClaw WebChat 指南:原生聊天 UI、Gateway WebSocket 直连与远程访问

OpenClaw WebChat 完整指南:原生 SwiftUI 聊天 UI 直连 Gateway WebSocket(无需独立服务器)、chat.history/send/inject 三种消息类型、中断运行的历史持久化、Control UI 工具面板,以及通过 SSH 隧道或 Tailscale 远程访问的配置方法。

2026/3/23分钟 阅读ClaudeEagle

WebChat 是 OpenClaw 内置的原生聊天界面——不是嵌入浏览器,不需要本地静态服务器,直接连接到 Gateway WebSocket,体验与 Telegram/Discord 频道一致。

什么是 WebChat?

WebChat 是 OpenClaw macOS/iOS SwiftUI 应用的内置聊天 UI,具有以下特点:

原生 UI,非 Web 页面:直接与 Gateway WebSocket 通信,无需独立 HTTP 服务器

与其他频道一致的路由:使用相同的会话和路由规则,回复始终返回到 WebChat

确定性路由:发出的消息总是回到 WebChat,不会出现跨频道混乱

快速启动

  1. 启动 Gateway:
bash
openclaw gateway start
  1. 打开 macOS/iOS 应用,进入 WebChat 界面,或在 Control UI 的 Chat 标签访问

  2. 确保 Gateway 认证已配置(默认情况下即使在 loopback 连接也需要认证)

工作原理

WebChat UI 通过三个 WebSocket 消息与 Gateway 交互:

chat.history:获取历史对话,Gateway 可能会截断过大的记录(用 [chat.history omitted: message too large] 替代),确保 UI 稳定性

chat.send:发送新消息,触发 Agent 运行

chat.inject:直接向对话追加 assistant 消息(不触发 Agent 运行),立即广播到 UI

中断和历史记录

中断的运行:如果你在 Agent 运行中途中断,已生成的部分输出仍然可见

历史持久化:Gateway 会将中断时已缓冲的部分输出持久化到对话历史,并用 abort 元数据标记这些条目

历史来源:历史始终从 Gateway 获取,不依赖本地文件——如果 Gateway 无法访问,WebChat 变为只读模式

工具面板(Control UI)

Control UI 的 /agents 工具面板功能:

  • 通过 tools.catalog 获取运行时工具目录
  • 每个工具标记为 core(核心)或 plugin:<id>(插件提供)
  • 可选工具额外标记 optional
  • 如果 tools.catalog 不可用,回退到内置静态工具列表
  • 编辑工具 Profile 和覆盖配置(实际运行权限仍遵循 allow/deny 策略)

远程使用

WebChat 不需要单独的 WebChat 服务器——远程模式下直接通过 SSH 隧道或 Tailscale 访问 Gateway WebSocket:

bash
# 建立 SSH 隧道
ssh -N -L 18789:127.0.0.1:18789 user@gateway-host

# WebChat 连接到
ws://127.0.0.1:18789

macOS 用户推荐:使用应用的「Remote over SSH」模式,自动管理隧道,WebChat 和健康检查无缝工作。

相关配置项

WebChat 没有独立的 webchat.* 配置块,复用 Gateway 端点和认证设置:

连接配置

  • gateway.port:WebSocket 端口(默认 18789)
  • gateway.bind:绑定地址(loopback/lan/tailnet 等)

认证配置

  • gateway.auth.mode:认证模式
  • gateway.auth.token:Token 认证
  • gateway.auth.password:密码认证
  • gateway.auth.mode: "trusted-proxy":反向代理认证(适合浏览器客户端)

远程配置

  • gateway.remote.url:远程 Gateway 的 WebSocket 地址
  • gateway.remote.token:远程认证 Token

会话配置

  • session.*:会话存储和主 Key 默认值

WebChat vs 其他访问方式

WebChat(macOS/iOS App):最流畅的本地/远程体验,原生 UI,自动处理重连

Control UI(浏览器):功能更全,有工具面板、日志、配置编辑器,适合管理操作

TUI(终端):命令行环境首选,SSH 会话中使用

频道(Telegram/Discord 等):日常使用的主要入口,随身携带


原文:WebChat - OpenClaw | 来源:OpenClaw 官方文档

相关文章推荐

教程OpenClaw WebChat 完全指南:浏览器中直连 Gateway 的原生聊天界面OpenClaw WebChat 功能完整解析:WebChat 与其他渠道的本质区别(直连 Gateway WebSocket,无需中间服务器)、macOS/iOS SwiftUI 原生 App 的 WebChat 功能、通过浏览器访问 WebChat 的配置方式、认证配置(token/password/trusted-proxy)、会话历史机制(chat.history 边界说明)、chat.inject 注入助手消息、远程访问 WebChat 的 SSH 隧道方案,以及 WebChat 与 Telegram/WhatsApp 渠道的使用场景对比。2026/3/22教程OpenClaw 远程访问完全指南:SSH 隧道、Tailscale 与跨设备连接OpenClaw 远程访问所有方案完整教程:SSH 隧道转发(通用方案)、Tailscale 组网(推荐)、三种远程架构对比(VPS always-on/桌面机远程/笔记本本地)、macOS App 的 Remote over SSH 模式、CLI 远程默认配置(openclaw.json gateway.remote 字段)、认证凭据优先级说明、WebSocket 安全规则(loopback-only 原则)、以及 Tailscale Serve 暴露控制面板的完整步骤。2026/3/21教程OpenClaw 远程访问完全指南:SSH 隧道、Tailscale 内网穿透与三种部署架构OpenClaw 远程访问完整指南:三种部署架构(VPS 常驻/桌面机+笔记本远控/本地多机访问)、SSH 端口转发隧道配置、Tailscale Serve 内网控制台与 Funnel 公网 Webhook、凭证优先级解析规则与远程安全原则。2026/3/12教程OpenClaw 快速入门:5 分钟搭建你的跨平台 AI 助手OpenClaw 是一个开源自托管 AI 网关,支持通过 WhatsApp、Telegram、Discord 等消息应用与 AI 助手对话。本文介绍如何在 5 分钟内完成安装配置,包括 CLI 安装、引导向导、Gateway 启动和控制面板访问的完整流程。2026/2/27教程OpenClaw Standing Orders 完全指南:让 AI 记住你的长期规则和行为偏好OpenClaw Standing Orders(常驻指令)功能完整教程:Standing Orders 与 SOUL.md 的区别(动态运行时规则 vs 静态人格文件)、通过对话动态添加/查看/删除常驻指令、指令的持久化存储与跨会话生效机制、适合写入 Standing Orders 的内容类型(格式偏好/禁止行为/固定工作流)、与 Hooks 的协同使用、按渠道/Agent 设置不同的 Standing Orders,以及常驻指令的最佳实践(写清晰的规则、避免矛盾冲突、定期清理过时规则)。2026/3/26教程OpenClaw 多媒体处理完全指南:图片识别、音频转写与视频理解实战OpenClaw 多媒体处理(Media)完整教程:发送图片给 AI 进行视觉分析(OCR/物体识别/图表解读/代码截图)、音频消息自动转写为文字(Whisper/系统STT)、视频消息关键帧提取与理解、Node 摄像头实时拍照触发分析、媒体消息的渠道支持差异(各渠道的图片/音频/视频支持情况对比)、大文件处理策略(分割/压缩/超时设置)、媒体消息在不同 AI 模型上的能力对比(Claude Vision/GPT-4V/Gemini Pro Vision),以及本地媒体文件分析(read 工具读取图片路径)。2026/3/25