教程

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/224分钟 阅读ClaudeEagle

WebChat 是 OpenClaw 的内置聊天界面——不依赖 Telegram/WhatsApp 等外部平台, 直接在浏览器或原生 App 中连接到你的 Gateway。

WebChat 的本质

其他渠道(Telegram/WhatsApp)的消息路径: 你 → Telegram 服务器 → OpenClaw Gateway → AI WebChat 的消息路径: 你(浏览器/App)→ Gateway WebSocket → AI

关键区别

  • WebChat 直连 Gateway,没有第三方中间服务器
  • 消息完全在你的设备和 Gateway 之间传输
  • 延迟更低,隐私更强

访问方式

macOS/iOS 原生 App(推荐)

OpenClaw macOS App 和 iOS App 内置 SwiftUI 原生聊天界面, 直接通过 WebSocket 连接到 Gateway:

macOS:菜单栏图标 → Chat → 打开聊天窗口 iOS:OpenClaw App → Chat 标签页

原生 App 的 WebChat 比浏览器版本体验更流畅, 支持语音输入、图片发送等原生功能。

浏览器访问

Gateway 启动后,浏览器直接访问控制面板,其中包含 WebChat:

本地访问:http://127.0.0.1:18789 → 左侧导航 → Chat

远程访问(SSH 隧道):

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

# 然后浏览器访问
open http://127.0.0.1:18789

认证配置

WebChat 连接 Gateway 需要认证(默认必须,包括本地连接):

Token 认证

json
{
  "gateway": {
    "auth": {
      "mode": "token",
      "token": "your-secure-token"
    }
  }
}

第一次访问时,浏览器会提示输入 token。

Password 认证

json
{
  "gateway": {
    "auth": {
      "mode": "password",
      "password": "your-password"
    }
  }
}

Trusted Proxy 认证(反向代理场景)

通过 Nginx 等反向代理添加认证后,Gateway 信任代理的身份头:

json
{
  "gateway": {
    "auth": {
      "mode": "trusted-proxy"
    }
  }
}

对应 Nginx 配置:

nginx
location / {
    auth_basic "OpenClaw";
    auth_basic_user_file /etc/nginx/.htpasswd;
    proxy_set_header X-Forwarded-User $remote_user;
    proxy_pass http://127.0.0.1:18789;
}

会话历史机制

WebChat 的历史记录有以下特点:

  • 历史来自 Gateway:不是本地存储,Gateway 重启后历史依然存在
  • 长消息截断:过长的历史条目会被 Gateway 截断([chat.history omitted: message too large]
  • 网关不可达时只读:Gateway 离线时,WebChat 进入只读模式,只能查看历史
  • 中断的回复保留:如果 AI 回复中途被中断,已生成的部分内容仍会保存到历史记录
会话历史查询 API(内部用): chat.history - 获取历史记录 chat.send - 发送消息 chat.inject - 直接注入助手消息(不触发 AI 运行)

chat.inject:注入助手消息

chat.inject 让你把一条消息直接插入对话历史, 不经过 AI 处理——适合系统通知、定时提醒等场景:

SOUL.md 中可以配置主动推送消息: 当有重要事件时,通过 chat.inject 推送到 WebChat, 用户打开界面就能看到,无需等待下次提问

WebChat 与其他渠道的对比

对比维度WebChatTelegramWhatsApp
隐私性⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
消息延迟最低(直连)
移动端体验iOS 原生 App⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
断网支持需要 Gateway 在线离线也能发(等 Gateway 回来)同左
通知推送需要 App 后台运行✅ 系统推送✅ 系统推送

建议

  • 在自己的电脑旁边工作 → WebChat(低延迟、隐私)
  • 外出时随时查看 → Telegram(系统推送,不错过消息)
  • 两者都配置,按场景切换

控制面板 Tools 面板

WebChat 同时附带工具面板,列出当前 Agent 可用的所有工具:

浏览器 → http://127.0.0.1:18789/agents → Tools 标签 → 看到所有 core + plugin 工具 → 可以修改 Agent 配置

工具标注:

  • core:内置工具(Read/Write/Bash/Exec 等)
  • plugin:<id>:插件提供的工具
  • optional:可选工具(需要条件满足才加载)

来源:OpenClaw 官方文档 - docs.openclaw.ai/web/webchat

相关文章推荐

教程OpenClaw WebChat 指南:原生聊天 UI、Gateway WebSocket 直连与远程访问OpenClaw WebChat 完整指南:原生 SwiftUI 聊天 UI 直连 Gateway WebSocket(无需独立服务器)、chat.history/send/inject 三种消息类型、中断运行的历史持久化、Control UI 工具面板,以及通过 SSH 隧道或 Tailscale 远程访问的配置方法。2026/3/2教程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教程OpenClaw TUI 完全指南:纯键盘操作的终端管理界面使用详解OpenClaw TUI(Terminal User Interface,终端用户界面)完整使用指南:TUI 与 Control UI(浏览器)的定位对比、适合 TUI 的场景(SSH 远程/无浏览器服务器/低带宽环境)、启动命令(openclaw tui)及参数、界面布局(Agents 面板/Sessions 面板/Channels 状态/Logs 实时流)、全键盘快捷键手册(导航/选择/搜索/刷新/退出)、在 TUI 中发送测试消息、实时日志过滤与搜索,以及 TUI 与 tmux/screen 配合使用的后台运行方案。2026/3/25教程OpenClaw Control UI 与 Dashboard 完全指南:浏览器管理 AI 助手的全功能界面OpenClaw Control UI(控制面板)与 Dashboard(仪表盘)完整使用指南:Control UI 的功能布局(Agents 管理/Tools 工具面板/Sessions 会话查看/Channel 渠道状态)、浏览器访问方式(本地 localhost:18789 vs 远程 SSH 隧道)、在 Control UI 中实时修改 Agent 配置(SOUL.md 编辑/模型切换/工具开关)、Dashboard 数据概览(Token 用量/渠道在线状态/会话列表/Node 节点健康)、从 Dashboard 发起诊断(doctor 命令)、以及 TUI(终端界面)的使用场景与快捷键。2026/3/24教程OpenClaw 群消息完全指南:群组配置、@ 触发、白名单与多 Bot 协同实战OpenClaw 群消息(Group Messages)完整配置教程:群组消息的触发方式(requireMention/commandPrefix/respondToAll)、各渠道群组配置差异(Telegram群/Discord服务器/Slack频道/WhatsApp群)、群组白名单与黑名单管理、限制特定成员才能触发 AI(allowedUsers/allowedRoles)、响应限速防刷屏(cooldown)、多 Bot 在同一群组协同分工的配置方案、群组 Session 的记忆与上下文管理,以及群组中 AI 的礼貌边界设计(何时发言/何时沉默)。2026/3/24