OpenClaw基础-为什么会有两个端口

💡 大家好,我是可夫小子,《小白玩转ChatGPT》专栏作者,关注AI编程、AI自动化和自媒体。

不知道你有没有留意,当你调用OpenClaw的浏览器插件OpenClaw copilot插件时,会有两个服务端口需要配置,大致如下:

  • • Relay Port:即插件使用的端口

  • • Gateway Port:即openClaw gateway的服务端口

那么,他们的这两个服务是怎么分工,怎么配合的呢?

📋 相关配置信息

注意这两个端口是不一样的。

配置项
Gateway Token xxxxxx
Gateway 地址
http://127.0.0.1:\\*\\*18789\\*\\*
CDP 端口 18792
认证模式
token
绑定
loopback(本地)

🏗️ OpenClaw Gateway 和 CDP 的区别

根据你的配置,我来详细解释这两个组件:


📊 对比表

| 项目 | Gateway | CDP (Chrome DevTools Protocol) | | --- | --- | --- | | 端口 | 18789 | 18792 | | 协议 | HTTP/WebSocket | WebSocket | | 用途 | 核心服务 | 浏览器控制服务 | | 认证 | Token 验证 | 无(依赖 Gateway) |


🔌 Gateway (端口 18789)

核心服务:OpenClaw 的主控制中心

主要功能:

| 功能 | 描述 | | --- | --- | | Web UI | 提供 http://127.0.0.1:18789\\1\\\\ 控制面板 | | API 服务 | 处理所有内部 API 请求 | | Session 管理 | 管理对话会话、代理会话 | | Channel 路由 | 路由 Telegram、Feishu 等频道消息 | | 工具调度 | 分发和执行各种工具命令 | | 认证鉴权 | 验证访问令牌(Token) |

访问地址:

bash 复制代码
<http://127.0.0.1:18789>

🌐 CDP (端口 18792)

全称:Chrome DevTools Protocol

主要功能:

| 功能 | 描述 | | --- | --- | | 浏览器控制 | 通过 CDP 协议控制 Chrome 浏览器 | | 标签页管理 | 获取、切换、关闭标签页 | | 页面截图 | 捕获网页快照 | | DOM 操作 | 读取和修改网页元素 | | 点击/输入 | 模拟用户点击和键盘输入 | | 导航控制 | 打开 URL、刷新、后退/前进 |

访问地址:

bash 复制代码
ws://127.0.0.1:18792/cdp

🤔 为什么是不同的端口?

原因 1:职责分离

  • • Gateway 负责整体协调和业务逻辑

  • • CDP 专门处理浏览器控制,遵循 Chrome DevTools Protocol 标准

原因 2:独立运行

  • • CDP 服务可以独立启动/停止

  • • 浏览器控制不会影响核心服务

原因 3:协议不同

  • • Gateway 使用 HTTP/WebSocket(通用协议)

  • • CDP 使用纯 WebSocket(实时双向通信)

原因 4:安全性

  • • Gateway 有 Token 认证保护

  • • CDP 仅供本地扩展访问(通过 loopback)


🔄 工作流程示例

当你说"打开浏览器点赞推文"时:

bash 复制代码
你的消息 → Telegram Bot
         ↓
    Gateway (18789)
         ↓
    路由到 agent
         ↓
    调用 browser 工具
         ↓
    CDP 服务 (18792)
         ↓
    Chrome Browser Relay 扩展
         ↓
    Chrome 浏览器

📡 端口使用情况(你的配置)

bash 复制代码
{
  "gateway": {
    "port": 18789,           // Gateway 主服务
    "bind": "loopback"       // 仅本机访问
  },
  "browser": {
    "cdpPort": 18792,       // CDP 浏览器控制
    "cdpUrl": "<http://127.0.0.1:18792>"
  }
}

🛡️ 安全说明

| 端口 | 访问权限 | 安全措施 | | --- | --- | --- | | 18789 (Gateway) | 本机访问 (loopback) | Token 认证 | | 18792 (CDP) | 本机访问 | 依赖扩展连接 |


💡 总结

  • Gateway = OpenClaw 的"大脑",负责一切协调

  • CDP = OpenClaw 的"手",负责操作浏览器

  • • 两者配合,实现 AI 控制浏览器的功能


🧨 彩蛋

我的《AI编程与自动化 》2026训练营正式开营,以AI编程为驱动,让每个个体都拥有自己的小产品、小生意。训练营已积累了我过去三年200篇+的教程和案例。都是我自己实操总结,都是使用心得,并非复制网上过时的信息。现在以每周至少三篇的更新频率,让你获得最新、最接地气的AI资讯和教程。

知识库模块

用十年时间干一件事,就从今天开始。欢迎登船,期待开始一场十年的AI之旅。

📎 如果优惠失效,可以加我:keeepdance,备注:AI编程。


引用链接

[1] http://127.0.0.1:18789: *http://127.0.0.1:18789/*

相关推荐
浮生望7 小时前
BFF架构实战:用Express+SSE为Vue3搭建安全的流式对话中间层
前端
先吃饱再说8 小时前
React 组件通信:从 Props 单向传递到自定义事件
前端·react.js·前端框架
swipe8 小时前
05|(前端转后全栈)不手写一堆 SQL,后端怎么操作数据库?MyBatis-Plus 入门
前端·后端·全栈
swipe8 小时前
04|(前端转后全栈)前端状态为什么不够用?从页面数据到 MySQL 持久化
前端·后端·全栈
橘子星8 小时前
别光看教程!手把手拆解 React Todo 项目,一文吃透 5 个核心概念
前端·javascript
大白要努力!8 小时前
纯前端实现 PDF 加水印工具 —— 零后端、支持中文、实时预览
前端·pdf·html
石小石Orz8 小时前
TRAE SOLO实战:实现一个桌面3D助手
前端·人工智能
蜡台8 小时前
使用 uni-popup 实现数据选择器Data-Picker
前端·javascript·html·uniapp·uni-popup·data-picker
拆房老料8 小时前
BaseMetas FileView 1.2.0 发布:Office/WPS 大文件预览与内存安全优化实测
前端·产品运营·开源软件
blns_yxl8 小时前
Promise封装Fetch + 重试机制(HTML+JS)
前端·javascript·html