本项目使用WebSocket实现DHT11数据传输到客户端
客户端使用Bootstrap与Chart.js, 实现数据可视化, 通讯使用WebSocket实现
By WhatDamon & GLM4 & Qwen 2.5
客户端注释没怎么额外人工补充, 个人认为算比较好读的 (逃
本项目在个人的ESP-WROOM-32测试通过, 手头上也有ESP32-C6-WROOM-1但懒得测试了
请使用Arduino IDE打开esp32
目录下的dht11.ino
文件
注意请先安装好ESP32开发要用到的相关组件, 以及以下几个库
- WebSockets by Markus Sattler
- DHT sensor library for ESPx by beegee_tokyo
- ArduinoJson by Benoit Blanchon
修改GPIO针脚以匹配你的需求, 一定记得修改WiFi的SSID和密码, 不然无法使用 (用于WebSocket)
直接编译上传即可
这里提供一个示例, 乱画的, 但大致就是这个意思 (DHT11就是这里的DHT22, 意思一下吧)
Warning
目前服务端默认使用81端口作为WebSocket通信端口, 连接时请注意!
您可以直接打开index.html
, 可以直接查看
如果您需要局域网 (公网) 可以直接访问, 可以使用Python在代码根目录执行
python -m http.server 1000
之后就可以在可访问的设备中用端口号1000
打开网页, 当然端口也可以人为修改!
您也可以使用NGINX、Apache Httpd, 只要你愿意ˋ( ° ▽、° )
🌺🌺🌺🌺🌺奠🌺🌺🌺🌺🌺
为本项目开发而"牺牲"
已经买一个新的, 项目依旧可以继续开发
使用MIT许可证开源