【ESP 保姆级教程】疯狂点灯篇 —— 案例：ESP8266 + 风扇 + 按键 + Web页面控制（Web页面控制开关）

最新推荐文章于 2025-10-03 22:40:54 发布
最新推荐文章于 2025-10-03 22:40:54 发布
阅读量993 收藏 3
点赞数 3
CC 4.0 BY-SA版权
分类专栏： ESP8266/ESP32 保姆级教程300篇 文章标签： 前端 单片机 嵌入式硬件
本文为博主原创文章，未经允许，请勿转载
本文链接：https://blog.youkuaiyun.com/dpjcn1990/article/details/124771322
本教程详述如何使用ESP8266（NodeMcu）配合风扇、按键及Web页面进行远程控制。通过安装开发环境、设置第三方库，如OneButton和ESPAsyncWebServer，将硬件连接后，烧录固件并测试。用户可在Web页面或物理按键上切换风扇状态。

在这里插入图片描述

忘记过去，超越自己

  • ❤️ 博客主页 单片机菜鸟哥，一个野生非专业硬件IOT爱好者 ❤️
  • ❤️ 本篇创建记录 2022-05-14 ❤️
  • ❤️ 本篇更新记录 2022-05-14 ❤️
  • 🎉 欢迎关注 🔎点赞 👍收藏 ⭐️留言📝
  • 🙏 此博客均由博主单独编写，不存在任何商业团队运营，如发现错误，请留言轰炸哦！及时修正！感谢支持！
  • 🔥 Arduino ESP8266教程累计帮助过超过1W+同学入门学习硬件网络编程，入选过选修课程，刊登过无线电杂志 🔥

目录

手把手代码注释，完整案例讲解开发过程以及细节，一键式运行代码。
ESP保姆级付费专栏群 707958244，不喜勿加，凭借付费专栏订单号加入

1、项目说明

  • 通过两个按键控制风扇开关
  • NodeMcu生成一个WebServer，通过浏览器访问server，server返回web页面，控制风扇

2、项目准备

2.1 软件准备

2.1.1 安装开发环境

ESP 保姆级教程 基础篇 —— 环境安装、NodeMcu引脚介绍

2.1.2 安装第三方库
2.1.2.1
了解本专栏 订阅专栏 解锁全文
【ESP 保姆级教程】疯狂点灯篇 —— 案例：ESP8266 + LED + 按键 + PWM调整亮度 + Web页面控制（Web页面控制开关LED灯亮度）
单片机菜鸟哥的博客
06-04 5604
案例：ESP8266 + LED + 按键 + PWM调整亮度 + Web页面控制，学习如何在ESP8266上控制灯亮度，使用OneButton库操作按键，使用 ESPAsyncWebServer 控制Web页面请求。
ESP8266-Arduino网络编程实例-Web页面调节LED（基于PWM）
视觉与物联智能
10-22 1103
本实例将演示如何通过Web页面的Slider来调节LED亮度。LED的亮度通过PWM控制。
ESP8266 制作一个网页控制程序
最新发布
雾削木的优快云博客
10-03 1133
ESP8266开发项目摘要：本项目使用NodeMCU开发板，配合SSD1306 OLED显示屏、SG90舵机、LED和按键实现物联网控制功能。硬件采用I2C接口连接OLED，PWM控制舵机，并实现按键触发和LED状态显示。通过WiFiManager实现自动配网，ESP8266WebServer提供网页控制界面，可远程设置舵机角度、控制LED和D0引脚状态。OLED实时显示舵机角度和D0状态。注意事项包括：舵机需单独5V供电并共地、OLED地址需匹配、D0引脚的特殊性等。项目集成了硬件控制、网络通信和可视化界
最简单DIY基于ESP8266的智能彩灯②（在网页用按键和滑动条控制RGB灯）
niruxi0401的博客
08-14 3333
ESP8266和ESP32智能彩灯开发系列文章目录 第一篇：最简单DIY基于ESP8266的智能彩灯①（在网页用按钮点亮普通RGB灯） 第二篇：最简单DIY基于ESP8266的智能彩灯②（在网页用按键和滑动条控制RGB灯） 文章目录ESP8266和ESP32智能彩灯开发系列文章目录前言一、最简单DIY基于ESP8266的智能彩灯②（在网页用按键和滑动条控制RGB灯）是什么？二、使用步骤1.准备硬件2.搭建Arduino开发环境3.准备一份webserver源码4.修改webserver源码三、运行与调试
点灯科技实现 “ESP8266-01/01s + 继电器” 远程开关
花伤情犹在的博客
09-14 8423
灯连接在哪个具体的引脚上，都能被正确地识别并控制。这就使得程序的可移植性更强，不受具体硬件设计的影响。之后就可以在点灯APP上面，等设备上线之后，手动添加开关按钮，来进行远程控制。需要在电科技APP上面添加独立设备选择网络接入，生成出秘钥。需要注意的是，添加设备按钮的时候，名称需要和代码中一致。灯是连接在13号引脚上，你当然可以使用13来代替。因为在上述完整实例代码中默认控制的引脚是。灯是内置的，其接口电路已经经过设计。但在其他板型或者自定义硬件中，灯可能连接在其他引脚上，这时使用。将秘钥改为自己的秘钥。
ESP8266+blinker(点灯科技)
热门推荐
weixin_64344153的博客
04-24 2万+
blinker点灯科技真的是一款非常好用的物联网控制APP，它节省了你连接云端的程序，直接实现APP控制系统。接下来让我们看看怎么通过blinker来控制ESP8266开发板。通过自己外接LED灯观察现象能更好的理解代码的作用，以及对blinker使用更加熟练。
【ESP 保姆级教程】疯狂点灯篇 —— 案例：ESP8266 + LED + 按键 + Web页面控制（Web页面控制开关LED灯）
单片机菜鸟哥的博客
06-04 5039
案例：ESP8266 + LED + 按键 + Web页面控制，学习如何在ESP8266上控制灯亮度，使用ESPAsyncWebServer库操作web H5页面。
【ESP 保姆级教程】疯狂点灯篇 —— 案例：ESP8266 + 风扇 + 按键（模拟按键控制电器设备开关）
单片机菜鸟哥的博客
05-14 2404
实验内容：按键控制风扇开关
【预告中】ESP 保姆级教程 疯狂点灯篇 —— 案例：ESP8266 + LED + 按键 + OneNet物联网平台 + Web应用 + 自开发App控制
单片机菜鸟哥的博客
06-04 975
学习如何在ESP8266上控制灯，通过mqtt连接到OneNet，接收OneNet Web应用的控制，以及自开发App控制点灯，了解设备-web-app开发流程。
【预告中】ESP 保姆级教程 疯狂点灯篇 —— 案例：ESP8266 + LED + 按键 + 巴法云平台 + 微信小程序控制（包括项目完整代码）
单片机菜鸟哥的博客
04-20 794
学习如何在ESP8266上控制灯亮度，使用OneButton库操作按键，并且Mqtt连接到巴法云物联网平台，小程序控制灯亮灭，打通从设备到小程序开发流程。
ESP8266 控制开关
GetcharZp的博客
08-27 3997
以ESP8266为服务端，当用户的访问设备与ESP8266在同一个Wi-Fi下时，可以通过ESP8266的IP地址来访问控制灯光开关的页面。 使用方法： 第一步、将下面的代码修改过Wi-Fi名称和密码后烧录到ESP中； 第二步、打开串口调试工具，查看该ESP的IP地址； 第三步、访问 IP地址/index.html 页面，通过页面的两个按钮控制灯的开关； 代码如下： #in...
嵌入式WEB服务器(网络远程控制开关)使用说明书
06-12
嵌入式WEB服务器(网络远程控制开关)使用说明书
esp8266 用arduino ide用网页控制led
05-18 4042
https://www.arduino.cn/thread-82298-1-1.html原地址 安装好Arduino IDE环境后，就得在它基础上配置Arduino Core For ESP8266。以window版本为例，读者可以安装以下顺序安装： 打开Arduino IDE->菜单项文件->首选项，然后会看到附加开发版管理器网址，填入http://arduino....
Arduino ESP8266 Web Service PWM控制led亮度
perseverance51博客
10-06 1101
Arduino ESP8266 Web Service PWM控制led亮度 本教程展示了如何构建一个带有滑块的ESP8266 web服务器来控制LED亮度。您将学习如何将滑块添加到web服务器项目中，获取它的值，并将其保存在一个ESP8266可以使用的变量中。我们将使用这个值来控制PWM信号的占空比，并改变LED的亮度。例如，你可以控制一个伺服电机，而不是LED。 所需库 ESP8266: 安装 ESPAsyncWebServer 和 ESPAsyncTCP 库. 实例代码 #includ
esp8266&点灯科技&arduino
Google_666的博客
08-10 4398
通过记录在产生的声波和声波反弹之间所花费的时间，可以计算传感器和物体之间的距离。发送复位信号–>检测回应信号—>发送 0xCC–>发送 0x44->发送复位信号—>检测回应信号—>写 0xcc—>写 0xbe—>循环 8 次读取温度低字节—>循环 8 次读取温度高字节---->打印温度信息。在使用之前我们必须弄清楚这个传感器的运行方法，因为传感器本身只是把它的“ECHO”引脚保持在高电平，使之持续一段时间，这对应于从发送的波形到接收反射（回波）所花费的这一段时间。//读取脉冲宽度，换算成厘米。
安卓web控制树莓派LED开关
The_headmaster的博客
10-08 2629
刚接触树莓派，之前在网上看了一个教程，自己做了一点点修改，实现了控制LED开关功能。先放上原贴。 http://www.cnblogs.com/yafengabc/archive/2016/02/18/5197844.html服务器用到了微型Python Web框架 Bottle， Bottle 被设计为仅仅只有一个文件，我们甚至可以不安装它，直接将 bottle.py 文件下载并复制到我
Esp8266点灯
qq_66813359的博客
02-19 4487
esp8266+继电器点灯
【ESP8266 快速入门】示例4:点灯-实现物联网点亮LED(网页点灯)（Arduino IDE、基于安信可NodeMCU、C/C++）
qq_44078824的博客
05-08 5269
问题描述 搭建一个简单的网页，控制ESP8266点亮熄灭LED 问题思路 使用ESP8266，做一个简单的服务器。渲染出一个网页，处理网页上的按键请求，即可控制led。 开发环境 IDE 开发板 代码 /********************************************************************** 项目名称/Project : 基本的服务器 程序名称/Program name : Web_Server 程序目的/Purpose
入门Arduino与Esp8266：一步步教你点亮LED灯
xiaobuding的博客
04-08 6978
Arduino IDE是一个开源的集成开发环境，特别适用于快速入门和原型设计。它支持ESP8266，并提供了丰富的库和示例代码。您可以通过安装ESP8266的开发工具包（通过Arduino IDE的“工具”->“开发板”->“管理开发板”中安装）来开始ESP8266的开发。今天主要讲了Arduino软件的下载和安装以及基于Arduino软件上开发Esp8266进行点灯的操作。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

单片机菜鸟哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值