使用NodeMCU ESP8266的Web控制公告板
掃描二維碼
隨時(shí)隨地手機(jī)看文章
廣告和通知對(duì)任何組織展示和銷(xiāo)售他們的產(chǎn)品都是非常重要的。你可以在火車(chē)站、汽車(chē)站、機(jī)場(chǎng)等公共場(chǎng)所看到許多數(shù)字廣告牌。但隨著物聯(lián)網(wǎng)(IoT)的出現(xiàn),技術(shù)發(fā)生了巨大的變化,我們也可以通過(guò)無(wú)線和網(wǎng)絡(luò)服務(wù)器控制來(lái)徹底改變這種布告欄。
公告板可以在任何地方使用,在酒店、商場(chǎng)、大學(xué)、辦公室顯示信息、提醒、優(yōu)惠等方面非常有用。但是每天更改通知是一項(xiàng)非常繁瑣的任務(wù)。因此,在這個(gè)項(xiàng)目中,我們將使用NodeMCU制作一個(gè)基于物聯(lián)網(wǎng)的智能公告板,您可以使用web瀏覽器遠(yuǎn)程更改通知。
組件要求:
?NodeMCU (ESP-12e)
?16 * 2液晶
?工作Wi-Fi連接
NodeMCU是基于物聯(lián)網(wǎng)的項(xiàng)目中最流行且易于使用的Wi-Fi模塊。我們以前在許多基于物聯(lián)網(wǎng)的項(xiàng)目中使用過(guò)NodeMCU。
線路圖:
下面給出了這個(gè)智能公告板的電路圖
LCD和NodeMCU的引腳連接如下所示
LCD的RS引腳- NodeMCU的D2引腳
LCD的R/W引腳-> NodeMCU的GND引腳
LCD的EN引腳-> NodeMCU的D3引腳
LCD的D4引腳-> NodeMCU的D5引腳
LCD的D5引腳-> NodeMCU的D6引腳
LCD D6引腳-> NodeMCU D7引腳
LCD的D7引腳-> NodeMCU的D8引腳
還可以將電位器連接到LCD背光引腳上,以調(diào)節(jié)LCD的對(duì)比度。
請(qǐng)注意,16*2 LCD工作在5v,所以你必須使用5v電源打開(kāi)LCD。Arduino Uno板可以為L(zhǎng)CD提供5v電壓。
代碼與說(shuō)明
這里我們將使用Arduino IDE對(duì)NodeMCU進(jìn)行編碼。
要用Arduino IDE編程N(yùn)odeMCU,請(qǐng)進(jìn)入File - > preferences - >Settings。
在“附加板管理器URL”字段中輸入,然后單擊“確定”。
現(xiàn)在轉(zhuǎn)到Tools > Board > Boards Manager。
在板管理器窗口中,在搜索框中輸入esp, esp8266將在下面列出。現(xiàn)在選擇最新版本的板并點(diǎn)擊安裝。
安裝完成后,進(jìn)入“工具>單板> NodeMCU 1.0(ESP-12E模塊)”?,F(xiàn)在您可以使用Arduino IDE對(duì)NodeMCU進(jìn)行編程。
我們需要兩個(gè)庫(kù)來(lái)制作本地web服務(wù)器。從給定的鏈接下載這些庫(kù)
ESPAsyncTCP
ESPAsycnWebServer
下載.zip文件后,通過(guò)單擊在Arduino IDE中添加庫(kù)
然后重啟Arduino IDE
現(xiàn)在,我們準(zhǔn)備為這個(gè)物聯(lián)網(wǎng)公告板編寫(xiě)代碼。
首先使用#include<>包含所有必需的庫(kù)
然后聲明LCD所需的所有引腳,并制作一個(gè)在程序中使用的實(shí)例。同時(shí)輸入Wi-Fi網(wǎng)絡(luò)的SSID和密碼,如下所示。
現(xiàn)在,制作一個(gè)簡(jiǎn)單的HTML頁(yè)面來(lái)輸入并將消息發(fā)送給LCD。為此,我們必須創(chuàng)建一個(gè)get類(lèi)型的Form來(lái)輸入消息和一個(gè)HTML按鈕來(lái)發(fā)送。這個(gè)HTML程序使用programm關(guān)鍵字存儲(chǔ)在內(nèi)存中。
在void setup函數(shù)中,將NodeMCU模塊與Wi-Fi連接,并檢查來(lái)自服務(wù)器的傳入消息。以115200波特率初始化LCD和串行通信,檢查給定的Wi-Fi并打印IP地址。
現(xiàn)在,將帶有輸入字段的網(wǎng)頁(yè)發(fā)送到客戶機(jī)計(jì)算機(jī)。
發(fā)送一個(gè)GET請(qǐng)求到
并將接收到的信息打印在LCD上。
現(xiàn)在,要在LCD上滾動(dòng)消息,使用
void循環(huán)函數(shù)中的函數(shù)。
就這樣,我們已經(jīng)完成了編碼部分。本文最后給出了這個(gè)Web控制公告板的完整代碼和演示視頻。
使用USB線將NodeMCU與筆記本電腦/PC相連,在工具菜單中選擇單板并上傳代碼。
確保您的模塊和筆記本電腦/PC連接到相同的Wi-Fi網(wǎng)絡(luò)?,F(xiàn)在,打開(kāi)串行監(jiān)視器,在這里您將看到NodeMCU的IP地址。復(fù)制此IP并粘貼到瀏覽器的地址欄中。
在瀏覽器中輸入IP地址后,您將看到如下所示的頁(yè)面。
現(xiàn)在,輸入消息并點(diǎn)擊Send按鈕。您將在串行監(jiān)視器以及LCD上看到該消息。這就是這個(gè)基于物聯(lián)網(wǎng)的數(shù)字公告板的工作原理,現(xiàn)在你可以使用這個(gè)網(wǎng)頁(yè)從世界上任何地方更改公告板上的消息,你只需要在路由器中設(shè)置端口轉(zhuǎn)發(fā)。
本文編譯自iotdesignpro