ESP3D-WEBUI
ESP3D-WEBUI
ESP32, 3D打印
🧩 软硬件结合
已发布
项目简介
A Web UI for ESP8266 or ESP32 based boards connected to 3D printers / CNC
ESP3D-WEBUI 是一个专为 CNC 机床、3D 打印机和沙画台等数字制造设备设计的开源 Web 控制界面。该项目是 ESP3D 固件生态系统的核心组成部分，旨在通过浏览器实现对设备的无线监控与操作，彻底摆脱传统 USB 线缆的束缚。它解决了用户在工业或创客场景中，无法便捷地通过手机、平板或电脑远程查看设备状态、发送 G 代码指令以及管理文件的问题，极大提升了设备使用的灵活性和便利性。
标签
项目特点
基于 Preact 构建，性能高效，体积轻量
使用 Spectre.css 替代 Bootstrap 4.x，CSS 代码更精简
支持多种系统：CNC（激光、主轴等）、3D 打印机、沙画台
兼容多种固件：Grbl、GrblHAL、Marlin、Repetier、Smoothieware 等
提供本地开发服务器，方便调试和测试
支持生成生产版本的 index.html.gz 文件，便于部署到 ESP 设备
社区活跃，提供 Discord 支持
技术规格
| 框架 | |
|---|---|
| CSS 框架 | |
| 支持的微控制器 | |
| 兼容固件 | |
| 支持的系统 | |
| 开发环境 | |
| 构建输出 | |
| 开发服务器端口 |
项目资源
物料清单 (BOM)
| 物料名称 | 数量 | 参考价格 | 备注 |
|---|---|---|---|
| ESP8266 或 ESP32 开发板 | 1 | — | 用于运行 Web UI |
| 3D 打印机或 CNC 设备 | 1 | — | 需要支持 G 代码 |
| USB 数据线 | 1 | — | 用于连接开发板和设备 |
| Node.js LTS | 1 | — | 开发环境 |
| npm | 1 | — | 包管理工具 |
所需工具
3D打印机
必需
能力画像
⚪ 记忆与知识检索: 1/5
🔵 逻辑推演: 2/5
⚪ 表达与交流: 1/5
⚪ 感知与观察: 1/5
🔵 数理与计算: 2/5
🔵 动手与操作: 3/5
⚪ 狂热与坚持: 1/5
🔵 创造与创新: 2/5
项目图库
所需技能
🔧 **动手能力**：需要能够连接 ESP8266/ESP32 开发板到 3D 打印机或 CNC 设备，并进行基本的硬件调试。
💻 **编程能力**：需要熟悉 JavaScript、Node.js 和 npm，能够运行开发服务器和构建命令，并修改 Preact 代码。
⚡ **电子电路**：了解 ESP 系列微控制器的基本连接和通信（如串口），以及 G 代码协议的基础知识。
适用场景
为 3D 打印机或 CNC 设备提供基于浏览器的远程控制界面
在 ESP8266/ESP32 上部署轻量级 Web UI，用于监控和操作设备
开发和定制适合特定固件（如 Marlin、Grbl）的控制面板
用于沙画台等特殊 CNC 系统的控制