iot_fullsystem

即将推出查看代码
Nuxt
React Native
TypeScript
C++
Cloudflare

概述

`iot_fullsystem` 是我最完整的端到端作品之一。它将 ESP32 硬件接入服务器、Web 仪表盘与移动客户端,并配有在无硬件时用于测试的模拟器。

为何重要

这个项目迫使我在多个差异很大的层次上同时工作:嵌入式编程、API、实时通信、前端仪表盘与移动端体验。它很能说明我如何做系统设计,而不仅是页面级 UI。

做了什么

  • 基于 Nuxt 的仪表盘:认证、设备控制、定时器与实时状态更新。
  • React Native 移动应用,镜像手机上的控制流程。
  • ESP32 与模拟器层,可上报传感器数据并接收控制指令。

系统架构

  • Web 与移动客户端向服务器发送控制动作。
  • 服务器持久化状态,并通过 WebSocket 推送更新。
  • ESP32 接收指令并回传传感器数据。
  • Python 模拟器在开发与测试阶段代替硬件。

技术细节

  • Nuxt 4 Web 应用,具备实时仪表盘行为。
  • Expo 与 React Native 移动客户端。
  • 硬件侧使用 C++ 与 ESP-IDF。
  • 仓库中记录了基于 Cloudflare Tunnel 与 PM2 的部署流程。

难点

困难在于协调:用户操作、定时器、自动化规则与设备数据都可能影响同一系统,需要让状态变化仍然可理解。这使得它既是系统问题,也是应用问题。

当前状态

仓库已记录架构、传输路径与功能集。它是工作区里硬件与产品工程在同一项目中交汇的最清晰示例。

>Newsletter

Stay Updated

Get notified when I publish new articles, tutorials, and project updates. Subscribe for insights and actionable content.