基于ESP8266的web服务器从网页控制LED

ESP系列WiFi模块在基于物联网项目的爱好者和行业中非常受欢迎。ESP8266无线收发器是基于物联网的应用中最常用的模块之一。在这里，我们使用ESP8266 NodeMCU与ThingSpeak物联网云平台连接。NodeMCU有内置的Wi-Fi屏蔽，所以我们不需要像使用Arduino那样连接外部Wi-Fi屏蔽。以前，我们使用ESP32 web服务器来使用网页控制LED。

在这个项目中，我们正在使用ESP8266从网页制作基于物联网的LED控制。即使在同一个项目中做一些小的修改，我们也可以将其用于家庭自动化。为了使用Webserver控制LED，我们需要创建一个HTML网页。页面将有两个按钮，用于打开和关闭LED。

组件的要求

•ESP8266 NodeMCU

•LED

•250欧姆电阻

•电路试验板

•跳线

线路图

•将LED的正极引脚连接到NodeMCU的D4引脚。

•用电阻将LED的负引脚接地。

程序解释

完整的代码在这个项目的末尾给出。在本节中，我将告诉您代码实际是如何工作的。

您需要做的第一件事是包含ESP8266 WiFi库。

现在输入你的网络凭据，即你的WiFi网络的SSID和密码在双引号内：

这里，在下面的代码中，我们正在初始化Led引脚：

在void setup()函数中，我们将初始化波特率，LED输出，并使用WiFi.begin(ssid,password)将模块与Wi-Fi连接;函数。该功能启动Wi-Fi连接，等待连接成功，并在串口监视器上打印ESP IP地址。

如果连接成功，串口监视器显示“Wi-FI已连接”和“web服务器启动”，否则显示“点”。

打印Esp8266的IP地址和网页URL：

在loop()函数中，您必须编写当新客户端与web服务器建立连接时发生的事情。ESP8266总是使用server.available()监听传入的客户端;并将传入的数据存储到字符串变量中，并将数据打印到串行监视器上。

LED初始化为低意味着LED将在程序启动时处于关闭状态。

用于ESP8266 web服务器的HTML代码

在这个项目中最重要的是用HTML创建网页，ESP8266将发送一个响应到你的浏览器，其中包含一些HTML代码来构建网页。-这里我们已经嵌入了完整的HTML代码在Arduino代码使用client.println。最后给出了完整的代码。

在网页上创建“开”和“关”两个按钮的HTML代码如下：

用Arduino IDE编程ESP8266 NodeMCU

现在，您正处于将代码上传到ESP32并执行项目的阶段，为此应执行以下步骤：

•通过USB电缆将ESP8266连接到PC上，并如上所述制作电路。

•打开Arduino IDE并将此代码复制到IDE窗口，但请确保您提供了正确的网络WiFi凭据。

•现在进入Tools——> Board——> NodeMCU module。

•现在转到Tools—>Port，选择nodecu连接的端口。

•现在单击upload上传代码。

如果你的程序成功运行，你的串行监视器看起来像这样：

现在打开你的串行监视器，按下ESP8266的重置按钮，现在你的ESP开始连接到你的网络，一旦连接，它会给你这个ESP的IP。

然后打开浏览器，从串行监视器复制IP地址，您将找到以下网页。

从这个网页，你可以控制你的LED，你可以看到在串行监视器以及发生了什么在后台。

这就是你如何成功地创建一个web服务器，并从网页控制LED。这样，您也可以使用ESP8266网络服务器从世界任何地方控制家用电器。另外，请查看我们之前的文章，了解如何使用ESP32创建web服务器。

本文编译自iotdesignpro