项目简介
本项目基于ESP32芯片搭建了Web服务器和WebSocket服务器。借助WebSocket协议,可将ESP32上光敏电阻的实时测量数据传输至客户端,客户端还能发送控制指令到ESP32,实现对其内置LED灯开关的远程控制。
项目的主要特性和功能
- 实时数据传输:通过WebSocket协议,持续、实时地将光敏电阻测量数据发送给连接的客户端。
- 远程控制:客户端可通过WebSocket向ESP32发送指令,精准控制其内置LED灯的开关状态。
- 简易交互界面:由简单的HTML页面和JavaScript文件构成Web界面,方便用户在浏览器中与系统交互。
- 代码易扩展性:代码结构清晰简洁,便于开发者理解和按需扩展功能。
安装使用步骤
硬件准备
准备兼容的ESP32开发板(如Wemos / LOLIN D32)、一个光敏电阻(LDR)及匹配电阻(如10kΩ)、连接线。将LDR和电阻连接到GND和3V,把电压分压器的电缆连接到ESP32的PIN 32。
软件准备
安装Visual Studio Code和Platform.IO插件,在项目中添加 “ESP Async WebServer” 库。
环境配置
确保ESP32开发板和电脑连接到同一本地Wi-Fi网络。在 main.cpp
文件顶部输入Wi-Fi的凭证信息。
代码上传
使用Platform.IO将代码编译并上传到ESP32开发板。通过串口监视器确认ESP32成功连接到Wi-Fi,并获取其分配的IP地址。
客户端测试
在 ws.js
文件中更新ESP32 WebSocket服务器的IP地址。在浏览器中打开 index.html
文件,查看光敏电阻的测量数据。在页面输入框中输入 “on” 或 “off” 并点击按钮,控制ESP32的内置LED灯开关。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】