当前位置：首页 > news >正文

荣耀A8互动娱乐组件部署实录（第3部分：控制端结构与房间通信协议）

news 来源：原创 2025/8/22 11:20:55

作者：曾在 WebSocket 超时里泡了七天七夜的苦命人

一、控制端总体架构概述

荣耀A8控制端主要承担的是“运营支点”功能，也就是开发与运营之间的桥梁。它既不直接参与玩家行为，又控制着玩家的行为逻辑和游戏规则触发机制。控制端的主要职责包括：

房间服务器注册与心跳管理
玩家状态监听与调度
房间内对战逻辑初始数据分发
游戏节点服务器状态管控（如关闭、冻结、重启）

控制端主要使用 Node.js 搭建，运行于独立服务进程中，通过 socket.io 与房间服通信，通过 Redis 与大厅服务共享玩家状态。

二、Node 控制服务结构详解

整个控制端目录结构如下：

├── server.js               // 启动入口
├── routes
│   ├── heartbeat.js        // 心跳包监听
│   ├── room_manager.js     // 房间分发控制器
│   └── user_events.js      // 用户行为事件处理
├── services
│   ├── roomService.js      // 房间数据逻辑
│   └── monitorService.js   // 服务监控模块
├── utils
│   └── redisUtil.js        // Redis 工具方法
├── config
│   └── settings.js         // 全局配置项
└── logs└── access.log

2.1 启动脚本 server.js

const express = require('express');
const app = express();
const http = require('http').createServer(app);
const io = require('socket.io')(http);require('./routes/heartbeat')(io);
require('./routes/room_manager')(io);
require('./routes/user_events')(io);http.listen(8001, () => {console.log('Control Server running at 8001');
});

2.2 心跳包监听模块 heartbeat.js

module.exports = function(io) {io.on('connection', (socket) => {socket.on('heartbeat', (data) => {// 记录服务状态updateServerStatus(data.serverId);});});
};

2.3 房间服务调度

let activeRooms = {};function registerRoom(id, info) {activeRooms[id] = info;
}function assignPlayerToRoom(playerId) {// 简化示例：随机分配一个房间let keys = Object.keys(activeRooms);return activeRooms[keys[Math.floor(Math.random() * keys.length)]];
}

三、通信协议详解（基于 Socket.IO）

客户端与控制端之间的通信使用 WebSocket 机制，消息结构采用 JSON 格式封装，事件以字符串为标识。

3.1 玩家进房请求

客户端发送：

{"event": "joinRoom","data": {"uid": 123456,"token": "xxx","gameId": "likui_fishing"}
}

控制端响应：

{"event": "roomAssigned","data": {"roomIp": "192.168.1.25","port": 9002,"roomId": "456789"}
}

3.2 心跳机制

客户端需定时向控制端发送心跳数据维持连接：

{"event": "heartbeat","data": {"uid": 123456,"ts": 1684378000}
}

控制端记录时间戳并返回：

{"event": "pong","data": {"ts": 1684378000,"status": "ok"}
}

四、与大厅服务的数据交互桥梁

控制端在多数情况下并不直接操控大厅前端 UI，但其维护的数据却需要实时同步，例如：

玩家当前房间状态
玩家离线、断线重连管理
玩家是否被踢出

这些数据通过 Redis 缓存进行共享。

Redis 键名示例：

user:state:uid_123456 = {roomId: "456789",online: true,lastPing: 1684378000
}

大厅服务器在 UI 更新中根据该缓存状态判断按钮点击结果：

function isUserOnline(uid) {return redis.get(`user:state:uid_${uid}`).online;
}

五、服务稳定性与容灾机制

控制端服务为整个互动逻辑的核心节点之一，因此其稳定性至关重要。以下为部分容灾设计思路：

启动时自动注册自身状态至 Redis：

redis.set(`control:status:${hostname}`, 'online', 'EX', 60);

定时监控房间注册时间戳，超时标记失效
对 socket 连接数量做上限控制，防止意外 DDoS

七、常见搭建问题与解决方案

技术没有一帆风顺的，部署过程中各种奇奇怪怪的问题就像是陪你走夜路的野猫，总在你快成功的时候跳出来吓你一跳。

1. 控制端 socket.io 启动报错 `Address already in use`

原因：端口未释放，或者已经有进程占用。

解决方案：

# 查看当前监听端口的进程
lsof -i :8001
# 强制杀掉
kill -9 <PID>

2. Redis 连接失败 `ECONNREFUSED 127.0.0.1:6379`

可能情况：

Redis 未启动
配置连接错误

解决方案：

# 启动 Redis
redis-server
# 或检查配置文件 settings.js
host: '127.0.0.1',
port: 6379

3. 控制端无法接收到房间注册信息

问题排查方向：

是否房间端口设置正确
是否房间服 emit 事件写错了

示例对比：

// 正确：注册事件为“registerRoom”
socket.emit('registerRoom', roomInfo);// 控制端监听也必须保持一致：
socket.on('registerRoom', (data) => {...});

4. 控制端 Redis 写入数据无效，UI 不响应

可能原因：

写入数据结构类型与读取结构不一致
Redis key 未设置过期

示例修复：

redis.set(`user:state:uid_${uid}`, JSON.stringify({roomId: '456789',online: true,lastPing: Date.now()
}), 'EX', 60);

5. 控制端日志大量打印 `MaxListenersExceededWarning`

描述： socket.io 的事件监听未做限制，重复绑定太多，导致内存泄漏告警。

解决： 添加 .setMaxListeners(n) 或限制连接生命周期内只绑定一次。

require('events').EventEmitter.defaultMaxListeners = 20;

6. 控制端断线重连机制不生效

原因： 客户端 reconnect 策略未配置，或者没有为 disconnect 做 fallback。

客户端 reconnect 配置示例：

const socket = io('http://your-control-server:8001', {reconnection: true,reconnectionAttempts: 10,reconnectionDelay: 3000
});

服务端建议绑定 reconnect 流程处理：

socket.on('disconnect', () => {logPlayerOffline(socket.id);
});

八、调试建议与工具推荐

pm2 启动示例：

npm install -g pm2
pm2 start server.js --name control-server
pm2 logs

本地开发调试技巧：

所有 emit 的事件都记录日志
给每个 socket 设置标签（如 uid）方便追踪
使用浏览器或 Postman 发送模拟数据测试注册逻辑

九、控制端逻辑开发最佳实践总结

避免在连接事件中嵌套绑定其他事件
所有 socket 的 on/off 都要写在一起，保持清晰
控制端不处理复杂业务，只负责路由转发与节点信息管理
服务状态通过 Redis 缓存共享，不用数据库存储

下一部分将继续剖析“房间服服务逻辑与玩家交互处理”，欢迎继续追更。

原文出处以及相关教程请点击

荣耀A8互动娱乐组件部署实录（第3部分：控制端结构与房间通信协议）

作者：曾在 WebSocket 超时里泡了七天七夜的苦命人一、控制端总体架构概述荣耀A8控制端主要承担的是“运营支点”功能，也就是开发与运营之间的桥梁。它既不直接参与玩家行为，又控制着玩家的行为逻辑和游戏规则触发机制。控制端的主要职责包…...

编程日记 2025/8/22 11:20:55

前端-HTML+CSS+JavaScript+Vue+Ajax概述

HTML（超文本标记语言）常见标签 <html><head> <title>这是标题的内容，显示在浏览器的头部</title></head><body><!-- h1 -> h6 : 标题从大到小 …...

编程日记 2025/8/19 22:43:30

20250506格式化NanoPi NEO开发板使用Ubuntu core16.04系统的TF启动卡

https://www.sdcard.org/downloads/formatter/eula_windows/SDCardFormatterv5_WinEN.zip 20250506使用SDCardFormatter工具格式化NanoPi NEO开发板使用Ubuntu core16.04系统的TF启动卡 2025/5/6 20:04 缘起：使用友善之臂的NanoPi NEO开发板，制作了Ubunt…...

编程日记 2025/8/19 14:27:34

信息时代的政治重构：网络空间与主权的未来

一、网络空间：暴力垄断的终结无边界主权的崛起网络空间作为“第五阶段”的暴力竞争场域，打破传统领土垄断。政府无法像控制物理世界那样垄断网络暴力，类似公海的法律真空状态。边区类比：中世纪的安道尔（法西共管避…...

编程日记 2025/8/19 22:43:26

Kotlin重构Android项目实践

以下是使用 Kotlin 重构 Android 项目的 5 个常见场景实践，通过对比 Java 实现方式，展示 Kotlin 的简洁性和现代特性： 场景 1：数据类替代 Java POJO Java 传统实现： public class User {private String name;private…...

编程日记 2025/8/19 22:43:21

Vue + Element UI 表单弹窗输入法卡顿问题解决方案

Vue Element UI 表单弹窗输入法卡顿问题解决方案前言在使用 Vue 和 Element UI 开发后台管理系统时，经常会遇到 el-dialog 弹出表单对话框的场景。然而，很多开发者可能会遇到一个棘手的问题：当调用 resetFields() 方法重置表单时&#x…...

编程日记 2025/8/21 6:07:57

ubantu安装CUDA

想要通过llama.cpp的方式跑deepseek R1模型。在按照https://huggingface.co/unsloth/DeepSeek-R1-GGUF教程去配环境时报错了。具体如下： (base) oemcore:~/Desktop/deepseek_llama.cpp$ sudo cmake llama.cpp -B llama.cpp/build -DBUILD_SHARED_LIBSOFF -DGGM…...

编程日记 2025/8/21 22:50:46

Python生活手册-Numpy多维数组构建：从快递分拣到智能家居的数据变形术

一、快递分拣系统（基础构建） 1. 电子面单生成（列表转数组） import numpy as np手工录入的快递单号纸质单号 [["SF123", "JD456", "EMS789"],["YT012", "ZT345", "YZ6…...

编程日记 2025/8/20 0:27:10

数据库的范围查询

范围查询 B树迭代器迭代器接口 B树的基本操作包括用于范围查询的查找和迭代。B树的位置由状态化的迭代器 BIter 表示。 // 查找小于或等于输入键的最近位置 func (tree *BTree) SeekLE(key []byte) *BIter// 获取当前键值对 func (iter *BIter) Deref() ([]byte, []byte)/…...

编程日记 2025/8/20 0:27:08

JS DAY4 日期对象与节点

一日期对象日期对象:用来表示时间的对象作用:可以得到当前系统时间 1.实例化在代码中发现了 new 关键字时，一般将这个操作称为实例化创建一个时间对象并获取时间时间必须实例化获得当前时间 const date new Date() 获得指定时间 const date new Date(…...

编程日记 2025/8/21 21:02:22

【Leetcode 每日一题 - 补卡】1007. 行相等的最少多米诺旋转

问题背景在一排多米诺骨牌中， t o p s [ i ] tops[i] tops[i] 和 b o t t o m s [ i ] bottoms[i] bottoms[i] 分别代表第 i i i 个多米诺骨牌的上半部分和下半部分。（一个多米诺是两个从 1 1 1 到 6 6 6 的数字同列平铺形成的 —— 该平铺的每一半…...

编程日记 2025/8/20 0:27:04

Android设备运行yolov8

放假这几天搞了一个基于uniapprk3588实现了一版yolo检测这个是基于前端调用后端api来实现，感觉还可以，但是需要有网络才能进行图像检测，网络不稳定就会出现等待时间会比较久的问题，然后有做了一个在做了一个Android版本的图像检…...

编程日记 2025/8/22 1:25:41

Debezium MySqlValueConverters详解

Debezium MySqlValueConverters详解 1. 类的作用与功能 1.1 核心作用 MySqlValueConverters是Debezium中负责MySQL数据类型转换的核心类，主要功能包括：数据类型映射：将MySQL的数据类型映射到Kafka Connect的Schema类型值转换：将MySQL的原始值转换为Kafka Connect可用的…...

编程日记 2025/8/20 0:27:01

Redis从入门到实战——实战篇（下）

四、达人探店 1. 发布探店笔记探店笔记类似于点评网站的评价，往往是图文结合。对应的表有两个： tb_blog：探店笔记表，包含笔记中的标题、文字、图片等tb_blog_comments：其他用户对探店笔记的评价步骤①&#xff1…...

编程日记 2025/8/21 5:00:42

算法中的数学：质数（素数）

1.质数 1.1定义一个大于1的自然数，除了1和它自身外，不能被其他自然数整除，那么他就是质数，否则他就是合数。注意：1既不是质数也不是合数唯一的偶质数是2，其余所有质数都是奇质数 1.2质数判定求法试除法…...

编程日记 2025/8/19 4:48:42

linux、window安装部署nacos

本文以nacos 2.2.0为例文章目录 1.下载安装包2.按需修改配置配置单机模式配置内存 -Xms -Xmx -Xmn配置数据库为MySQL 3. 访问http://ip:8848/nacos4.常见问题找不到javac命令 1.下载安装包打开官网，下载2.2.0版本 2.按需修改配置配置单机模式默认集群模式&…...

编程日记 2025/8/19 20:36:45

C++ 外观模式详解

外观模式（Facade Pattern）是一种结构型设计模式，它为复杂的子系统提供一个简化的接口。概念解析外观模式的核心思想是： 简化接口：为复杂的子系统提供一个更简单、更统一的接口降低耦合：减少客户端与子…...

编程日记 2025/8/21 22:21:09

42. 接雨水（相向双指针/前后缀分解），一篇文章讲透彻

给定一个数组，代表柱子的高度求出下雨之后，能接的水有多少单位。我们将每一个柱子想象成一个水桶，看他能接多少水以这个水桶为例，他所能接的水取决于左边的柱子的最大高度和右边柱子的最大高度，因为只有柱子高的时候…...

编程日记 2025/8/20 0:26:51

vue实现AI问答Markdown打字机效果

上线效果功能清单 AI问答，文字输出跟随打字机效果格式化回答内容（markdown格式）停止回答，复制回答内容回答时自动向下滚动全屏切换历史问答查看主要技术 vue 2.7.1markdown-it 14.1.0microsoft/fetch-event-source 2.0.1high…...

编程日记 2025/8/20 0:26:50

【QT】QT中的事件

QT中的事件 1.事件的定义和作用2.QT中事件产生和派发流程2.1 步骤2.2 图示示例代码：（event函数接收所有事件） 3.常见的事件3.1 鼠标事件示例代码：现象： 3.2 按键事件3.3 窗口大小改变事件 4.举例说明示例代码&#xff…...

编程日记 2025/8/21 23:30:38

【QT】QT中的软键盘设计

QT的软键盘设计 1.软键盘制作步骤2.介绍有关函数的使用3.出现的编译错误及解决办法示例代码1：按键事件实现软键盘现象：示例代码2：按键事件实现软键盘（加特殊按键）现象： 软键盘移植到新的工程的步骤&#xf…...

编程日记 2025/8/20 0:26:46

【Unity】一个AssetBundle热更新的使用小例子

1.新建两个预制体： Cube1：GameObject Material1：Material Cube1使用了Material1材质之后设置打包配置 Cube1的打包配置为custom.ab Material1的打包配置为mat.ab 2.在Asset文件夹下创建Editor文件夹，并在Editor下创建BuildBundle…...

编程日记 2025/8/19 18:04:43

【Bootstrap V4系列】学习入门教程之组件-按钮组（Button group）

Bootstrap V4系列学习入门教程之组件-按钮组（Button group） 按钮组（Button group）一、Basic example二、Button toolbar 按钮工具条三、Sizing 尺寸四、Nesting 嵌套五、Vertical variation 垂直变化按钮组（Button …...

编程日记 2025/8/20 0:26:43

Linux进程间的通信

IPC 即 Inter-Process Communication，也就是进程间通信，它指的是在不同进程之间进行数据交换和协调同步的机制。在操作系统里，每个进程都有自己独立的内存空间，一般情况下不能直接访问其他进程的内存，所以需要借助 IPC…...

编程日记 2025/8/22 3:05:22

常用非对称加密算法的Python实现及详解

非对称加密算法（Asymmetric Encryption）使用公钥加密、私钥解密，解决了对称加密的密钥分发问题。本文将详细介绍 RSA、ECC、ElGamal、DSA、ECDSA、Ed25519 等非对称加密算法的原理，并提供Python实现代码及安全性分析。 1. 非对称加…...

编程日记 2025/8/20 0:26:39

【题解-洛谷】B4303 [蓝桥杯青少年组省赛 2024] 字母移位

题目：B4303 [蓝桥杯青少年组省赛 2024] 字母移位题目描述字母移位表示将字母按照字母表的顺序进行移动。例如， b \texttt{b} b 向右移动一位是 c \texttt{c} c， f \texttt{f} f 向左移动两位是 d \texttt{d} d。特别地，…...

编程日记 2025/8/21 4:01:01

详讲viewer查看器

将Python与Cesium结合起来，可以实现高效的数据处理与可视化展示。本文将详细介绍如何在Python环境中集成Cesium，以及实现数据可视化的具体方法。我们可以通过在app.vue中的修改来更改我们查看器的显示方法修改前修改后还可以进行各式各样的自定义操作…...

编程日记 2025/8/21 7:01:56

开关电源原理

开关电源原理一、开关电源的电路组成： 开关电源的主要电路是由输入电磁干扰滤波器（EMI）、整流滤波电路、功率变换电路、PWM控制器电路、输出整流滤波电路组成。辅助电路有输入过欠压保护电路、输出过欠压保护电路、输出过流保护电路、输出短…...

编程日记 2025/8/22 7:48:51

数据库的并发控制

并发控制 12.1 并发级别问题：交错的读写并发客户端可以随意进入和退出事务，并在中途请求读取和写入。为了简化分析，假设enter/exit/read/write是原子步骤，因此并发事务只是这些步骤的交错。我们还将区分只读事务和读写事务…...

编程日记 2025/8/20 0:26:32

力扣第448场周赛

赛时成绩如下: 这应该是我力扣周赛的最好成绩了(虽然还是三题) 1. 两个数字的最大乘积给定一个正整数 n。返回任意两位数字相乘所得的最大乘积。注意：如果某个数字在 n 中出现多次，你可以多次使用该数字。示例 1： 输入&#xff1…...

编程日记 2025/8/20 0:26:31

关于Python：9. 深入理解Python运行机制

一、Python内存管理（引用计数、垃圾回收） Python（CPython）采用的是： “引用计数为主，垃圾回收为辅” 的内存管理机制。也就是说： 引用计数机制：负责大部分内存释放，简…...

编程日记 2025/8/21 15:44:41

Cron表达式的用法

最近几天开发东西用到了定时脚本的问题，中间隔了一段时间没有用到，再次复习一下Cron表达式的用法。 Cron表达式是一种用于定义定时任务执行时间的字符串格式，广泛应用于Unix/Linux系统以及各种编程语言中。其主要用途是通过灵活的时间规则来…...

编程日记 2025/8/19 14:33:43

手机通过局域网访问网狐接口及管理后台网站

1.本地部署接口及后台网站 2.设置允许网站端口通过防火墙 3.查看网站服务器IP 4.手机连接到本地服务器同一局域网 5.手机访问本地服务器接口...

编程日记 2025/8/20 0:26:25

JavaSE核心知识点01基础语法01-01（关键字、标识符、变量）

🤟致敬读者 🟩感谢阅读🟦笑口常开🟪生日快乐⬛早点睡觉 📘博主相关 🟧博主信息🟨博客首页🟫专栏推荐🟥活动信息文章目录 JavaSE核心知识点01基础语法01-01&#xff0…...

编程日记 2025/8/19 6:51:00

Sliding Window Attention(Longformer)

最简单的自注意力大家肯定都会啦。但这种全连接的自注意力（即每个 token 需要 attend 到输入序列中的所有其他 token）计算与内存开销是 O ( n 2 ) O(n^2) O(n2) 。为了缓解这个问题，研究者们提出了 Sliding Window Attention。 Sliding W…...

编程日记 2025/8/20 0:26:21

ROS2 开发踩坑记录（持续更新...）

1. 从find_package(xxx REQUIRED)说起，如何引用其他package(包） 查看包的安装位置和include路径详细文件列表例如，xxx包名为pluginlib # 查看 pluginlib 的安装位置 dpkg -L ros-${ROS_DISTRO}-pluginlib | grep include 这条指令的目的是…...

编程日记 2025/8/20 0:26:20

刷leetcodehot100返航版--哈希表5/5、5/6

回顾一下之前做的哈希，貌似只有用到 unordered_set：存储无序元素unordered_map：存储无序键值对代码随想录常用代码模板2——数据结构 - AcWing C知识回顾-CSDN博客 1.两数之和5/5【30min】 1. 两数之和 - 力扣（LeetCode&am…...

编程日记 2025/8/20 0:26:18

嵌入式开发学习日志Day13

第九章预处理命令前面加“#”的都为预处理命令； 预处理命令是无脑的文本替换； 一、宏定义 1、不带参数的宏定义一般形式为： #define 标识符字符串 （谷歌规定）：所有的宏名均大写，便于…...

编程日记 2025/8/19 18:51:35

AI预测的艺术品走势靠谱吗？

首席数据官高鹏律师团队 AI预测艺术品价格走势：技术与法律的双重考量在当今数字化浪潮席卷全球的时代，人工智能（AI）技术正以前所未有的速度渗透到各个领域，艺术品市场也不例外。AI预测艺术品价格走势这一新兴事物&…...

编程日记 2025/8/20 0:26:15

AVL树和红黑树的插入算法

1.AVL树按照二叉搜索树的规则找到要插入的位置并插入，插入过后看是父节点的左还是右孩子，然后把父节点的平衡因子-1或1，调整后如果父节点的平衡因子是0，那就说明这颗子树的高度插入前后不变，上面的就不用调整平衡因子…...

编程日记 2025/8/20 0:26:13

【项目】基于ArkTS的网吧会员应用开发（1）

一、效果图展示二、界面讲解以上是基于ArkTS的鸿蒙应用网吧会员软件的引导页，使用滑动组件滑动页面，至最后一页时，点击立即体验，进入登录页面。三、代码演示 import promptAction from ohos.promptAction; import router fr…...

编程日记 2025/8/21 18:44:04

命令模式（Command Pattern）

非常好！现在我们来深入讲解行为型设计模式之一 —— 命令模式（Command Pattern）。我将通过： ✅ 定义解释 🎯 使用动机 🐍 Python 完整调用代码（含注释） 🧭 清晰类图 …...

编程日记 2025/8/21 22:36:46

CMake基础介绍

1、CMake 概述 CMake 是一个项目构建工具，并且是跨平台的；关于项目构建目前比较流行的还有 Makefile(通过 Make 命令进行项目的构建)， 大多 IDE 软件都集成了 make,比如：VS 的 nmake、linux 下的 GNU make、Qt 的 qmake 等&…...

编程日记 2025/8/21 2:10:04

偷钱包行为检测数据集VOC+YOLO格式922张1类别有增强

有320张图片是原图剩余为增强图片数据集格式：Pascal VOC格式YOLO格式(不包含分割路径的txt文件，仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)：922 标注数量(xml文件个数)：922 标注数量…...

编程日记 2025/8/22 8:42:09

C 语言比较运算符：程序如何做出“判断”？

各类资料学习下载合集 https://pan.quark.cn/s/8c91ccb5a474 在编写程序时，我们经常需要根据不同的条件来执行不同的代码。比如，如果一个分数大于 60 分，就判断为及格；如果用户的年龄小于 18 岁，就禁止访问某个内容等等。这些“判断”的核心，就依赖于程序能够比…...

编程日记 2025/8/21 6:08:20

Webug4.0靶场通关笔记16- 第20关文件上传(截断上传)

目录第20关文件上传(截断上传) 1.打开靶场 2.源码分析 （1）右键查看前端源码 （2）服务端源码分析 （3）渗透思路 3.渗透实战 （1）构建脚本 （2）bp抓包 …...

编程日记 2025/8/20 0:26:06

10 种最新的思维链（Chain-of-Thought, CoT）增强方法

防御式链式思维（Chain-of-Defensive-Thought） 该方法通过引入结构化、防御性的推理示例，提高大语言模型在面对被污染或误导信息时的稳健性。 📄 论文链接：https://arxiv.org/abs/2504.20769 混合链式思维（…...

编程日记 2025/8/20 0:26:05

力扣119题解

记录 2025.5.5 题目： 思路： 代码: class Solution {public List<Integer> getRow(int rowIndex) {List<Integer> row new ArrayList<Integer>();row.add(1);for (int i 1; i < rowIndex; i) {row.add((int) ((long) row.get(i…...

编程日记 2025/8/20 0:26:03

NSOperation深入解析：从使用到底层原理

1. 基础概念与使用 1.1 NSOperation概述 NSOperation是Apple提供的一个面向对象的并发编程API，它基于GCD（Grand Central Dispatch）构建，但提供了更高层次的抽象和更丰富的功能。NSOperation允许开发者以面向对象的方式管理并发任…...

编程日记 2025/8/19 9:38:14

suna工具调用可视化界面实现原理分析（二）

这是一个基于React的浏览器操作可视化调试组件，主要用于在AI开发工具中展示网页自动化操作过程（如导航、点击、表单填写等）的执行状态和结果。以下是关键技术组件和功能亮点的解析： 一、核心功能模块浏览器操作状态可视化 • 实时…...

编程日记 2025/8/20 0:26:01