基于ESP8266的web服務(wù)器從網(wǎng)頁控制LED

ESP系列WiFi模塊在基于物聯(lián)網(wǎng)項(xiàng)目的愛好者和行業(yè)中非常受歡迎。ESP8266無線收發(fā)器是基于物聯(lián)網(wǎng)的應(yīng)用中最常用的模塊之一。在這里，我們使用ESP8266 NodeMCU與ThingSpeak物聯(lián)網(wǎng)云平臺連接。NodeMCU有內(nèi)置的Wi-Fi屏蔽，所以我們不需要像使用Arduino那樣連接外部Wi-Fi屏蔽。以前，我們使用ESP32 web服務(wù)器來使用網(wǎng)頁控制LED。

在這個項(xiàng)目中，我們正在使用ESP8266從網(wǎng)頁制作基于物聯(lián)網(wǎng)的LED控制。即使在同一個項(xiàng)目中做一些小的修改，我們也可以將其用于家庭自動化。為了使用Webserver控制LED，我們需要創(chuàng)建一個HTML網(wǎng)頁。頁面將有兩個按鈕，用于打開和關(guān)閉LED。

組件的要求

?ESP8266 NodeMCU

?LED

?250歐姆電阻

?電路試驗(yàn)板

?跳線

線路圖

?將LED的正極引腳連接到NodeMCU的D4引腳。

?用電阻將LED的負(fù)引腳接地。

程序解釋

完整的代碼在這個項(xiàng)目的末尾給出。在本節(jié)中，我將告訴您代碼實(shí)際是如何工作的。

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

現(xiàn)在輸入你的網(wǎng)絡(luò)憑據(jù)，即你的WiFi網(wǎng)絡(luò)的SSID和密碼在雙引號內(nèi)：

這里，在下面的代碼中，我們正在初始化Led引腳：

在void setup()函數(shù)中，我們將初始化波特率，LED輸出，并使用WiFi.begin(ssid,password)將模塊與Wi-Fi連接;函數(shù)。該功能啟動Wi-Fi連接，等待連接成功，并在串口監(jiān)視器上打印ESP IP地址。

如果連接成功，串口監(jiān)視器顯示“Wi-FI已連接”和“web服務(wù)器啟動”，否則顯示“點(diǎn)”。

打印Esp8266的IP地址和網(wǎng)頁URL：

在loop()函數(shù)中，您必須編寫當(dāng)新客戶端與web服務(wù)器建立連接時發(fā)生的事情。ESP8266總是使用server.available()監(jiān)聽傳入的客戶端;并將傳入的數(shù)據(jù)存儲到字符串變量中，并將數(shù)據(jù)打印到串行監(jiān)視器上。

LED初始化為低意味著LED將在程序啟動時處于關(guān)閉狀態(tài)。

用于ESP8266 web服務(wù)器的HTML代碼

在這個項(xiàng)目中最重要的是用HTML創(chuàng)建網(wǎng)頁，ESP8266將發(fā)送一個響應(yīng)到你的瀏覽器，其中包含一些HTML代碼來構(gòu)建網(wǎng)頁。-這里我們已經(jīng)嵌入了完整的HTML代碼在Arduino代碼使用client.println。最后給出了完整的代碼。

在網(wǎng)頁上創(chuàng)建“開”和“關(guān)”兩個按鈕的HTML代碼如下：

用Arduino IDE編程ESP8266 NodeMCU

現(xiàn)在，您正處于將代碼上傳到ESP32并執(zhí)行項(xiàng)目的階段，為此應(yīng)執(zhí)行以下步驟：

?通過USB電纜將ESP8266連接到PC上，并如上所述制作電路。

?打開Arduino IDE并將此代碼復(fù)制到IDE窗口，但請確保您提供了正確的網(wǎng)絡(luò)WiFi憑據(jù)。

?現(xiàn)在進(jìn)入Tools——> Board——> NodeMCU module。

?現(xiàn)在轉(zhuǎn)到Tools—>Port，選擇nodecu連接的端口。

?現(xiàn)在單擊upload上傳代碼。

如果你的程序成功運(yùn)行，你的串行監(jiān)視器看起來像這樣：

現(xiàn)在打開你的串行監(jiān)視器，按下ESP8266的重置按鈕，現(xiàn)在你的ESP開始連接到你的網(wǎng)絡(luò)，一旦連接，它會給你這個ESP的IP。

然后打開瀏覽器，從串行監(jiān)視器復(fù)制IP地址，您將找到以下網(wǎng)頁。

從這個網(wǎng)頁，你可以控制你的LED，你可以看到在串行監(jiān)視器以及發(fā)生了什么在后臺。

這就是你如何成功地創(chuàng)建一個web服務(wù)器，并從網(wǎng)頁控制LED。這樣，您也可以使用ESP8266網(wǎng)絡(luò)服務(wù)器從世界任何地方控制家用電器。另外，請查看我們之前的文章，了解如何使用ESP32創(chuàng)建web服務(wù)器。

本文編譯自iotdesignpro