【六】OpenClaw 从 TUI 切换到 Web 端完整方案

🎯 OpenClaw 从 TUI 切换到 Web 端完整方案

当前处于 OpenClaw 初始化(onboard)的「机器人孵化方式选择」步骤,已选择 TUI(终端界面),以下是切换到 Web 端的完整操作指南:


一、初始化阶段直接切换(未完成 TUI 配置)

如果还没走完 TUI 初始化流程,最稳妥的方式是重新执行 onboard 并选择 Web 端

  1. 终止当前 TUI 流程 :在终端按 Ctrl + C 中断当前向导

  2. 重新执行初始化

    powershell 复制代码
    # Windows 管理员 PowerShell / Linux 终端
    openclaw onboard
  3. 在「How do you want to hatch your bot?」步骤

    • 选择 「Hatch in Web UI」(若未显示,按方向键切换选项)
    • 按回车确认,后续会自动生成 Web 端访问链接(默认 http://localhost:18789
  4. 浏览器访问链接:完成配置后,直接在浏览器打开对应地址即可进入 Web 管理面板


二、已完成 TUI 初始化,后续切换 Web 端

如果已经用 TUI 完成了初始化,无需重新配置,直接通过以下命令启动 Web 端:

步骤1:启动 OpenClaw 网关服务

powershell 复制代码
# Windows / Linux 通用
openclaw gateway
  • 终端会输出网关状态、Web UI 访问地址(默认 http://localhost:18789)和访问令牌

步骤2:打开 Web 控制面板

powershell 复制代码
# 自动在默认浏览器打开 Web 端
openclaw dashboard
  • 若浏览器未自动打开,手动访问:http://127.0.0.1:18789(或终端显示的自定义端口)
  • 输入终端提供的访问令牌,即可进入 Web 管理界面,实现:
    • 可视化聊天交互
    • 网关状态监控
    • 技能/插件管理
    • 会话管理等功能

三、TUI 与 Web 端的核心区别

特性 TUI(终端界面) Web UI(浏览器界面)
交互方式 纯终端命令行 图形化浏览器界面
适用场景 服务器/SSH 远程操作、无图形界面环境 本地可视化管理、调试、日常使用
启动命令 openclaw tui openclaw dashboard
访问地址 终端内直接运行 http://localhost:18789(默认)

四、常见问题排查

  1. Web 端访问失败

    • 确认 openclaw gateway 已正常启动(终端显示「Gateway running」)

    • 检查端口 18789 未被占用,可指定自定义端口:

      powershell 复制代码
      openclaw gateway --port 8889
  2. 初始化时无 Web UI 选项

    • 升级 OpenClaw 到最新版:npm install -g openclaw@latest
    • 重新执行 openclaw onboard,选项会自动显示
  3. TUI 与 Web 端会话同步

    • 两者共享同一个 agent:main:main 会话,TUI 发送的消息会同步到 Web 端,反之亦然

五、补充说明

  • 你截图中的 Hatch in TUI (recommended) 是官方推荐的初始化方式,不影响后续切换 Web 端 ,TUI 仅为初始化交互界面,完成后可随时通过 openclaw dashboard 启动 Web 端
  • Web 端仅支持本地访问,若需远程访问需额外配置端口转发/反向代理(不建议公网直接暴露)
相关推荐
创世宇图1 天前
Claude Opus 4.8 深度实测:动态多 Agent 协同、Effort Control 与幻觉抑制的工程化解析
ai·llm·agent·claude·ai工程化
徐云夏1 天前
使用docker运行dify制作客服、运维助手
ai
Elastic 中国社区官方博客1 天前
Elastic 线下 Meetup 将于 2026 年 7 月 26 号下午在深圳举行
大数据·数据库·人工智能·elasticsearch·搜索引擎·ai·全文检索
weixin_468466851 天前
千问大模型在阿里生态中的实战应用指南
大数据·人工智能·深度学习·ai·大模型·智能交互·自动应答
JaydenAI1 天前
[MAF预定义ChatClient中间件-06]利用ImageGeneratingChatClient开发专业图片生成Agent
ai·c#·agent·agent管道·chatclient中间件·chatclient管道
七老板的blog1 天前
从持久化任务到多 Agent 协作
python·学习·ai
专注VB编程开发20年1 天前
腾讯模型广场DeepSeek 这种热门模型:腾讯云有自己部署,其它小厂第三方模型(百川、智谱等):走对方 API 转发
ai·大模型
m0_535817551 天前
macOS上Claude Code安装配置保姆级教程:国内直连API,从0到1跑通(附避坑指南)
gpt·macos·ai·node.js·claude·claudecode·88api
lhxcc_fly1 天前
2.LangChain--聊天模型之流式传输
ai·langchain·llm·流式传输