概述

ESP8266 WiFi模塊是制造商和業(yè)余愛好者社區(qū)的有趣補(bǔ)充，因?yàn)樗试S我們將WiFi和互聯(lián)網(wǎng)集成到我們的DIY項(xiàng)目中。

在考慮大型物聯(lián)網(wǎng)項(xiàng)目之前，讓我們開始探索ESP8266 WiFi模塊，并使用ESP8266和Arduino實(shí)現(xiàn)一個(gè)名為WiFi Controlled LED的小型但有用的項(xiàng)目。

我已經(jīng)在開始使用ESP8266和ARDUINO 項(xiàng)目中向您介紹了ESP8266 WiFi模塊。首先參考該項(xiàng)目，以了解ESP8266 WiFi模塊的基本信息，其引腳圖，引腳配置以及如何將ESP8266與Arduino接口。

重要事項(xiàng)注意：

在ESP8266 WiFi模塊的第二個(gè)項(xiàng)目中，我向您展示了如何刷新AT命令固件到ESP8266 WiFi模塊的ROM上。

首先實(shí)施該項(xiàng)目非常重要，即確保ESP8266 WiFi模塊上安裝了AT固件。

如果您已將ESP8266 WiFi模塊編程為其他程序（例如Blink），則必須刷新固件。如果您的ESP模塊已經(jīng)具有AT命令固件，則保持原樣。

使用ESP8266和Arduino的WiFi控制LED背后的概念

在深入了解項(xiàng)目的詳細(xì)信息（如電路圖，組件，連接和代碼）之前，讓我?guī)私釽iFi控制LED背后的概念ESP8266和Arduino。

項(xiàng)目背后的想法非常簡單。將LED連接到Arduino板。此LED必須通過WiFi連接，即通過智能手機(jī)或筆記本電腦連接到本地網(wǎng)絡(luò)。

為此，請使用ESP8266 WiFi模塊并通過串行通信將其連接到Arduino 。 Arduino將命令ESP8266模塊連接到WiFi網(wǎng)絡(luò)并從客戶端接收數(shù)據(jù)（HTML頁面）。

根據(jù)客戶端發(fā)送的信息（使用在Web瀏覽器的幫助下，Arduino將打開或關(guān)閉LED。就是這樣。

電路圖

使用ESP8266的WiFi控制LED的電路圖和Arduino項(xiàng)目如下圖所示。

所需組件

Arduino UNO ［在此處購買］

ESP8266 WiFi模塊［在此處購買］

LED ［購買］

330Ω電阻（1/4瓦）［購買］

1KΩ電阻（1/4瓦）［購買］

2.2KΩ電阻（1/4瓦）［在此處購買］

按鈕［在此處購買］

連接線［在此處購買］

迷你面包板［在此購買］

電路設(shè)計(jì)

我使用過的軟件串口功能Arduino并將其數(shù)字引腳2和3設(shè)為RX和TX。這些引腳必須連接到ESP8266 WiFi模塊的TX和RX引腳。

注意：我使用了由1KΩ組成的電平轉(zhuǎn)換器在將Arduino的TX引腳（引腳3）連接到ESP8266的RX引腳之前，電阻和2.2KΩ電阻。

LED連接到數(shù)字I/O引腳Arduino的11個(gè)。 （這是我們將通過WiFi控制的LED）。

進(jìn)入與ESP8266相關(guān)的其余連接時(shí)，它的VCC和CH_PD引腳連接到3.3 Arduino和GND的V連接到Arduino的GND引腳。按鍵連接在ESP8266的RESET和GND之間。

ESP8266的GPIO引腳即GPIO0和GPIO2都保持開路狀態(tài)，因?yàn)槲覀儾粫?huì)使用這些引腳這個(gè)項(xiàng)目。

代碼

以下是要上傳到Arduino的代碼。它將在ESP8266模塊中配置WiFi，并檢查HTML頁面中的數(shù)據(jù)（稍后將討論）。

用于發(fā)送數(shù)據(jù)的HTML代碼ESP8266

為了創(chuàng)建項(xiàng)目的界面，我創(chuàng)建了一個(gè)簡單的基于HTML的網(wǎng)頁。此網(wǎng)頁的HTML代碼如下所示。

下載此HTML代碼（將其另存為.html文件）。

此HTML網(wǎng)頁使用JavaScript庫“jQuery.js”。從此處下載此庫，并將其放在與.html文件相同的文件夾中。

因此，您的網(wǎng)頁文件夾包含兩個(gè)文件：一個(gè)“webpage.html”文件和“jQuery.js”文件。使用任何Web瀏覽器打開HTML文件。界面如下所示。

使用ESP8266和Arduino項(xiàng)目處理WiFi控制LED

在完成所有必要的連接后，將上面提供的Arduino代碼上傳到您的Arduino Board。上傳代碼后，打開Arduino的串行監(jiān)視器。您可以在ESP8266 WiFi模塊上看到設(shè)置的進(jìn)度。

上圖中的一些信息看起來垃圾，但我保證傳輸正確的數(shù)據(jù)。如果您得到一個(gè)干凈的響應(yīng)，您可以在上圖中突出顯示的位置找到ESP8266模塊的IP地址。

由于我找不到來自的IP地址串口監(jiān)視器，我不得不使用另一個(gè)名為“高級IP掃描儀”的工具查找它。

現(xiàn)在，打開您之前保存的網(wǎng)頁，并在提供的IP地址字段中輸入此IP地址。輸入IP地址后，您可以單擊頁面上的按鈕打開和關(guān)閉LED。

結(jié)論

這里設(shè)計(jì)了一個(gè)名為WiFi Controlled LED的簡單項(xiàng)目，使用ESP8266和Arduino，連接到Arduino的LED通過WiFi控制（在同一個(gè)內(nèi)部）網(wǎng)絡(luò)）。

在同一個(gè)WiFi網(wǎng)絡(luò)中連接的任何設(shè)備都可以借助簡單的HTML網(wǎng)頁控制LED。

該項(xiàng)目的下一步或高級版本將通過互聯(lián)網(wǎng)控制LED，即從世界任何地方控制（包括PORT轉(zhuǎn)發(fā)）。