在 Wio Terminal 上构建实时 Web 仪表盘

1. 项目概述

Wio Terminal 不只是一个“带屏幕的单片机”，而是一块集成了显示、传感器、无线连接的紧凑型 IoT 开发板。本项目的目标是：把 Wio Terminal 打造成一个自带 Web 仪表盘的 Wi-Fi 设备：

• Wio Terminal 内部运行一个 HTTP 服务器（端口 80）

• 通过浏览器访问它的 IP，即可看到一个现代感的仪表盘页面

• 实时查看：

• 光线传感器数值

• 麦克风输入

• 按键 A/B/C 状态

• 在网页上选择颜色，并实时改变 Wio Terminal TFT 屏幕背景色

整个系统把**嵌入式 C++（Arduino 风格）与现代 Web 前端（HTML + CSS + JavaScript）**结合在一起，是一个非常典型的“自包含 IoT 仪表盘”示例。

2. 硬件平台：Wio Terminal 概览

Wio Terminal 集成度很高，非常适合作为 IoT 仪表盘平台，其主要硬件特性包括：

• 处理器：ATSAMD51P19，ARM Cortex-M4F，主频 120MHz（可超频到 200MHz）

• 存储：

• 512KB Flash

• 192KB RAM

• 4MB 外部 Flash

• 无线：

• Realtek RTL8720DN 模块

• 支持双频 Wi-Fi（2.4G / 5G）

• 支持 Bluetooth 5.0

• 显示：

• 2.4 英寸 LCD

• 分辨率 320×240

• 使用 TFT_eSPI 驱动

• 传感器与外设：

• 光线传感器（400–1050 nm）

• 麦克风（1.0V–10V，−42dB 灵敏度）

• LIS3DH 三轴加速度计（IMU）

• 红外发射（940 nm）

• 蜂鸣器 / 小喇叭（约 78dB@10cm, 4000Hz）

• 用户按键：A、B、C 三个独立按键

• 五向摇杆

• 扩展：

• 40 针 Raspberry Pi 兼容排针

• 2 个 Grove 口

• microSD 卡槽

• 接口：

• USB-C（供电 + 下载）

在本项目中，我们重点使用：

• Wi-Fi 模块

• TFT 屏幕

• 光线传感器（WIO_LIGHT）

• 麦克风输入（WIO_MIC）

• 按键 A/B/C（WIO_KEY_A / B / C）

3. 项目功能特性概览

本项目实现的功能可以总结为：