面向汽车后市场的 ECU(发动机控制单元)调校平台,提供专业的固件二进制编辑、性能调校图谱解析与管理能力。由前端核心、SSR 落地页与后端服务、SEO 引流站、Mappack 解析 SDK 四个子项目构成,覆盖前端核心交互到搜索引擎引流到后端服务部署的完整链路。
前端 SPA:基于 Vue 3 + TypeScript + Vite 的 SPA,独立负责前端架构设计与全部功能开发。实现基于 Canvas 的 Hex 二进制编辑器(支持多格式显示、字节级编辑、搜索定位、算术运算、差异对比),ECU 调校图谱(Mappack)解析与管理(A2L/ECFG/OLS 多格式支持、2D/3D 图表可视化、实时编辑)、DTC 故障码读取与清除、预置调校方案库、用户积分系统等核心模块。WebAssembly 承载高性能二进制与 Mappack 解析逻辑,Pinia 管理复杂应用状态。Electron 封装桌面端应用。
SSR 前端落地页:基于 Express.js + Handlebars 的服务端渲染营销站,提供 ECU 兼容性查询、定价方案、FAQ 等内容。配套 Vue 3 账户管理(注册/登录/Profile)与 CMS 管理后台。后端对接 Supabase 数据库与云存储,提供 RESTful API 服务层。开发时将前端请求代理到 fox-tuner-home 的 Vite 开发服务器,生产环境构建 fox-tuner-home 后直接 serve 静态文件。
SEO 引流站:基于 Nuxt 3 SSR 的 ECU 文件数据库浏览站,核心目的是搜索引擎引流。通过动态元标签、结构化 Schema.org 标记、hreflang 多语言(10+ 语言)覆盖全球长尾搜索流量。用户在浏览 ECU 文件详情后点击下载按钮,跳转到 TunerPad 工作台(fox-tuner-home)前端界面,形成搜索引擎 → 引流站 → 工作台的完整转化链路。配套 Umami + Google Analytics 分析追踪。
Windows 桌面客户端:基于 Electron 30 + Electron Forge 构建的 Windows 原生桌面应用,封装完整前端 SPA 为可独立安装的 EXE 安装包。实现硬件锁激活校验、自动更新、单例运行、自定义 URI Scheme 协议唤醒等桌面端特性。构建流水线自动将 Web 前端产物打包到 Electron 应用包内,实现 Web/桌面统一代码库维护。
Mappack 解析 SDK:将前端核心中的 ECU 调校图谱解析规则抽离为独立的 TypeScript SDK,供外部项目复用。支持 7 种布局类型(单点值/1D 数组/2D 图谱/3D 图谱等)、多种数据格式(8~64 位整数/浮点数/ASCII/二进制)、大小端转换,完整配套 Jest 单元测试与 VuePress 文档。