小龙虾
5db3f66b8e
- 将SPI OTA帧格式升级为SPI Link v2，采用新的帧格式： | SOF0 0xA5 | SOF1 0x5A | VER 0x02 | FLAGS | SESSION 4B LE | TX_SEQ | ACK_SEQ | CREDIT | TYPE | LEN 2B LE | RSV 2B | PAYLOAD | CRC32 4B LE | - 新增V2_OVERHEAD=20字节开销，APP最大payload为236字节，BOOT为108字节 - 修改帧类型定义：ENTER_BOOT从0xB5合并至0xB0，新增CAN业务类型0xC0~C3 - 更新CAN协议文档，支持SPI Link v2-only模式，调整最大业务payload计算 - 扩展0xC1帧功能，支持双向通信和1Hz主动推送ID快照 - 添加0xC3完整ID快照帧类型，包含seq/rx_count等完整字段 - 更新协议文档中的错误码定义和反馈payload格式 refactor(main): 重构主程序入口并添加CAN反馈任务 - 在main.cpp中添加CAN反馈任务，更新启动流程注释 - 创建createCriticalTask辅助函数，统一关键任务创建逻辑 - 调整SPI初始化顺序，确保CAN反馈任务依赖正确 - 优化错误处理机制，关键任务失败时立即重启 - 将GD32版本探测移至ota_relay任务处理 - 更新版本号至0.3.48，调整编译时间和Git哈希 config: 更新SPI和BLE配置参数 - 添加SPI主机相关配置参数，包括CS GPIO、READY GPIO等引脚定义 - 配置SPI缓冲区大小：APP为256字节，BOOT为128字节 - 更新BLE滑动窗口参数，ACK窗口设为32，数据队列深度为72 - 调整SPI工作队列大小至5120字节，增加任务堆栈监控说明
187 lines
11 KiB
HTML
187 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>ESP32 CAN 接收监控</title>
|
||
<link rel="stylesheet" href="css/base.css?v=20260716s">
|
||
<link rel="stylesheet" href="css/layout.css?v=20260716s">
|
||
<link rel="stylesheet" href="css/components.css?v=20260716s">
|
||
<link rel="stylesheet" href="css/can.css?v=20260716s">
|
||
<link rel="stylesheet" href="css/responsive.css?v=20260716s">
|
||
</head>
|
||
<body class="can-page">
|
||
<div class="container can-container">
|
||
|
||
<header class="header-bar can-header">
|
||
<div class="header-brand">
|
||
<span class="dot-mark"></span>
|
||
<strong>ESP32 CAN 接收监控</strong>
|
||
</div>
|
||
<div class="header-status">
|
||
<span class="pill offline" id="monConnPill"><span class="indicator"></span><span id="monConnTxt">未连接</span></span>
|
||
<span class="pill" id="fbModePill">模式: --</span>
|
||
<span class="pill" id="fbPollStatus">轮询: 待连接</span>
|
||
</div>
|
||
<div class="header-sub can-header-actions">
|
||
<a class="pill can-link-pill" href="can.html">CAN 发送控制台</a>
|
||
<a class="pill can-link-pill" href="index.html">返回 OTA 控制台</a>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- ═══ 工作台 ═══ -->
|
||
<section class="card can-toolbar-card">
|
||
<div class="card-head"><span class="ico">🧰</span> 连接设置</div>
|
||
<div class="card-body">
|
||
<div class="can-toolbar-grid" style="grid-template-columns: minmax(260px, 1.2fr) 1fr;">
|
||
<div class="can-toolbar-block">
|
||
<label class="form-label" for="monIp">ESP32 IP</label>
|
||
<div class="input-group">
|
||
<input class="input" type="text" id="monIp" value="192.168.31.127" placeholder="输入 IP 地址">
|
||
<button class="btn btn-outline" id="monTestBtn" type="button">测试</button>
|
||
</div>
|
||
</div>
|
||
<div class="can-toolbar-block">
|
||
<label class="form-label">接收模式</label>
|
||
<div class="input-group">
|
||
<button class="btn btn-primary btn-sm" id="btnModeAllPass" type="button">全收模式</button>
|
||
<button class="btn btn-outline btn-sm" id="btnModeFilter" type="button">过滤模式</button>
|
||
<button class="btn btn-outline btn-sm" id="btnModeBridge" type="button" title="CAN0 收到的每一帧按原帧格式自动转发到 CAN1 与 CAN2">CAN0→1/2 桥接</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="can-toolbar-foot">
|
||
<div class="conn-indicator err" id="monConnIndicator">
|
||
<span class="light"></span>
|
||
<span id="monConnIndicatorTxt">等待连接测试</span>
|
||
</div>
|
||
<div class="helper-note" id="monHelper">
|
||
页面每 1 秒通过 <code>/can/feedback</code> 拉取三路 CAN 通道快照。无 RX 的通道显示 <b>空（无 RX）</b>。<br><b>桥接模式</b>：CAN0 收到的每一帧（11/29 位、FD、BRS）自动由 CAN1 与 CAN2 转发出去。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ═══ 三路反馈 ═══ -->
|
||
<section class="card can-feedback-card">
|
||
<div class="card-head"><span class="ico">📊</span> 三路 CAN 通道反馈（1Hz）</div>
|
||
<div class="card-body">
|
||
<div class="feedback-grid">
|
||
<div class="feedback-channel collapsed" id="fbCh0">
|
||
<div class="feedback-ch-head" role="button" tabindex="0" title="点击展开/折叠详情">
|
||
<span class="ch-dot ch0"></span> CAN0
|
||
<span class="feedback-expand-caret">▾</span>
|
||
</div>
|
||
<div class="feedback-primary">
|
||
<div class="feedback-row"><span class="fb-label">状态</span><span class="fb-val" id="fb0State">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">接收数</span><span class="fb-val" id="fb0Rx">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">发送数</span><span class="fb-val" id="fb0Tx">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">丢帧</span><span class="fb-val" id="fb0Drop">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">错误</span><span class="fb-val" id="fb0Err">--</span></div>
|
||
</div>
|
||
<div class="feedback-detail">
|
||
<div class="feedback-row"><span class="fb-label">TEC</span><span class="fb-val" id="fb0Tec">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">REC</span><span class="fb-val" id="fb0Rec">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">总线状态</span><span class="fb-val" id="fb0Bus">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">最新ID</span><span class="fb-val mono" id="fb0LastId">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">DLC</span><span class="fb-val" id="fb0Dlc">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">FD/BRS/ESI</span><span class="fb-val" id="fb0Flags">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">Seq</span><span class="fb-val" id="fb0Seq">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">Δrx/s</span><span class="fb-val" id="fb0Delta">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">最新HEX</span><span class="fb-val mono fb-data-cell" id="fb0LastData">--</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="feedback-channel collapsed" id="fbCh1">
|
||
<div class="feedback-ch-head" role="button" tabindex="0" title="点击展开/折叠详情">
|
||
<span class="ch-dot ch1"></span> CAN1
|
||
<span class="feedback-expand-caret">▾</span>
|
||
</div>
|
||
<div class="feedback-primary">
|
||
<div class="feedback-row"><span class="fb-label">状态</span><span class="fb-val" id="fb1State">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">接收数</span><span class="fb-val" id="fb1Rx">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">发送数</span><span class="fb-val" id="fb1Tx">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">丢帧</span><span class="fb-val" id="fb1Drop">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">错误</span><span class="fb-val" id="fb1Err">--</span></div>
|
||
</div>
|
||
<div class="feedback-detail">
|
||
<div class="feedback-row"><span class="fb-label">TEC</span><span class="fb-val" id="fb1Tec">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">REC</span><span class="fb-val" id="fb1Rec">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">总线状态</span><span class="fb-val" id="fb1Bus">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">最新ID</span><span class="fb-val mono" id="fb1LastId">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">DLC</span><span class="fb-val" id="fb1Dlc">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">FD/BRS/ESI</span><span class="fb-val" id="fb1Flags">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">Seq</span><span class="fb-val" id="fb1Seq">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">Δrx/s</span><span class="fb-val" id="fb1Delta">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">最新HEX</span><span class="fb-val mono fb-data-cell" id="fb1LastData">--</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="feedback-channel collapsed" id="fbCh2">
|
||
<div class="feedback-ch-head" role="button" tabindex="0" title="点击展开/折叠详情">
|
||
<span class="ch-dot ch2"></span> CAN2
|
||
<span class="feedback-expand-caret">▾</span>
|
||
</div>
|
||
<div class="feedback-primary">
|
||
<div class="feedback-row"><span class="fb-label">状态</span><span class="fb-val" id="fb2State">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">接收数</span><span class="fb-val" id="fb2Rx">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">发送数</span><span class="fb-val" id="fb2Tx">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">丢帧</span><span class="fb-val" id="fb2Drop">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">错误</span><span class="fb-val" id="fb2Err">--</span></div>
|
||
</div>
|
||
<div class="feedback-detail">
|
||
<div class="feedback-row"><span class="fb-label">TEC</span><span class="fb-val" id="fb2Tec">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">REC</span><span class="fb-val" id="fb2Rec">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">总线状态</span><span class="fb-val" id="fb2Bus">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">最新ID</span><span class="fb-val mono" id="fb2LastId">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">DLC</span><span class="fb-val" id="fb2Dlc">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">FD/BRS/ESI</span><span class="fb-val" id="fb2Flags">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">Seq</span><span class="fb-val" id="fb2Seq">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">Δrx/s</span><span class="fb-val" id="fb2Delta">--</span></div>
|
||
<div class="feedback-row"><span class="fb-label">最新HEX</span><span class="fb-val mono fb-data-cell" id="fb2LastData">--</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ═══ 每 ID 快照表 ═══ -->
|
||
<section class="card" id="idSnapshotSection" style="margin-top:18px;">
|
||
<div class="card-head"><span class="ico">🔬</span> 每 ID 快照表（1Hz 刷新）
|
||
<div class="feedback-controls">
|
||
<select class="input" id="idsnapChannel" style="width:100px;">
|
||
<option value="0">CAN0</option>
|
||
<option value="1">CAN1</option>
|
||
<option value="2">CAN2</option>
|
||
</select>
|
||
<span class="pill" id="idsnapStatus">--</span>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="idsnap-table-wrap">
|
||
<table class="idsnap-table" id="idsnapTable">
|
||
<thead>
|
||
<tr>
|
||
<th>#</th><th>CAN ID</th><th>DLC</th>
|
||
<th>FD</th><th>BRS</th><th>ESI</th><th>数据 (HEX)</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="idsnapBody">
|
||
<tr><td colspan="7" class="status-empty">等待数据...</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<div class="toast" id="toast">
|
||
<span class="toast-ico" id="toastIco">✓</span>
|
||
<span id="toastMsg">操作成功</span>
|
||
</div>
|
||
|
||
<script type="module" src="js/can_monitor.js?v=20260716v"></script>
|
||
</body>
|
||
</html> |