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

图片

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

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

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

image.png

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

📋 相关配置信息

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

配置项
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)
|

访问地址:

<http://127.0.0.1:18789>

🌐 CDP (端口 18792)

全称:Chrome DevTools Protocol

主要功能:

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

访问地址:

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)


🔄 工作流程示例

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

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

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

{
  "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资讯和教程。

知识库模块

image.png

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

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


引用链接

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

Logo

小龙虾开发者社区是 CSDN 旗下专注 OpenClaw 生态的官方阵地,聚焦技能开发、插件实践与部署教程,为开发者提供可直接落地的方案、工具与交流平台,助力高效构建与落地 AI 应用

更多推荐