描述

在本教程中，我們將使用 NodeMCU Mini、OLED Lcd 和 Visuino 在 Lcd 上顯示來自 NIST 服務(wù)器的實時互聯(lián)網(wǎng)時間。靈感歸功于 youtube 用戶“ Ciprian Balalau ”。

第 1 步：您需要什么

?

?

?

?

1 / 3

?

• NodeMCU Mini
• OLED 液晶紅色 LED
• 面包板
• 跳線
• Visuino 程序：下載Visuino

第 2 步：電路

?

• 將 NodeMCU 的 GND 連接到面包板引腳 (gnd)
• 將 NodeMCU 的 5V 引腳連接到面包板引腳（正極）
• 將 NodeMCU 的引腳 0 (SCL) 連接到 OLED LCD 引腳 (SCL)
• 將 NodeMCU 的引腳 1 (SDA) 連接到 OLED LCD 引腳 (SDA)
• 將 OLED LCD 引腳 (VCC) 連接到面包板引腳（正極）
• 將 OLED LCD 引腳 (GND) 連接到面包板引腳 (GND)

第 3 步：啟動 Visuino，并選擇 NodeMCU ESP-12

?

?

?

?

1 / 2

?

要開始對 Arduino 進行編程，您需要從此處安裝 Arduino IDE：http ://www.arduino.cc/ 。

請注意，Arduino IDE 1.6.6 中存在一些嚴重錯誤。確保您安裝的是 1.6.7 或更高版本，否則本教程將無法運行！如果您尚未按照本教程中的步驟設(shè)置 Arduino IDE 以對 ESP 8266 進行編程！還需要安裝Visuino。啟動Visuino，如第一張圖所示單擊Visuino中Arduino組件（圖1）上的“工具”按鈕出現(xiàn)對話框時，選擇“NodeMCU ESP-12”，如圖2所示

第 4 步：在 Visuino 中添加組件

?

?

?

?

1 / 8

?

• 添加 InternetTime 組件
• 添加脈沖發(fā)生器組件并將頻率設(shè)置為：0.1166667
• 添加 DeleteRightText 組件并將長度設(shè)置為：8
• 添加 DeleteLeftText 組件并將長度設(shè)置為 1
• 添加OLED顯示屏I2C

雙擊OLED Display組件，將“Draw round rectangle”拖到左側(cè)（如圖），設(shè)置Height:30, width:120, x:4, Y:15

還將“文本字段”拖到左側(cè)（見圖），設(shè)置x：17 Y：30

第 5 步：WiFi 設(shè)置

?

?

?

?

1 / 6

?

• 選擇 NodeMCU ESP-12 并在編輯器 Modules>WiFi>Access Points 中，單擊 [...] 按鈕，“Access points”窗??口將打開。

在此編輯器中，將 WiFi 接入點拖到左側(cè)。

• 在“SSID”下輸入您的 WiFi 網(wǎng)絡(luò)名稱
• 在“密碼”下輸入您的 WiFi 網(wǎng)絡(luò)的訪問密碼

關(guān)閉“接入點”窗口

在編輯器的左側(cè)選擇 Modules>Wifi>Sockets，單擊 [...] 按鈕，這樣“Sockets”窗口將打開，將 TCP Client 從右側(cè)拖到左側(cè)

在屬性窗口設(shè)置主機：time-bg.nist.gov

在屬性窗口設(shè)置端口：37

第 6 步：在 Visuino 中：連接組件

?

• 將 NodeMCU ESP-12 Modules.WiFi.Sockets.TCPClient1 PIN [IN] 連接到 InternetTime1 PIN [Socket]
• 將 PulseGenerator1 PIN [OUT] 連接到 InternetTime1 PIN [Clock]
• 將 InternetTime1 PIN [Out] 連接到 NodeMCU ESP-12 Serial [0] PIN [IN] 和 DeleteRightText1 PIN [IN]
• 將 DeleteRightText1 PIN [OUT] 連接到 DeleteLeftText1 PIN [IN]
• 將 DeleteLeftText1 PIN [OUT] 連接到 DisplayOLED1 Elements.Text Field1 PIN [IN]
• 將 DisplayOLED1 PIN [OUT] 連接到 NodeMCU ESP-12 I2C PIN [IN]

第 7 步：生成、編譯和上傳 Arduino 代碼

?

?

?

?

1 / 2

?

在 Visuino 中，按 F9 或單擊圖 1 所示的按鈕生成 Arduino 代碼，然后打開 Arduino IDE

在Arduino IDE中，點擊Upload按鈕，編譯并上傳代碼（圖2）

第 8 步：播放

如果您為 NodeMCU 模塊供電，OLED Lcd 將開始顯示當前時間和日期。

恭喜！您已經(jīng)使用 Visuino 完成了 Live Internet Time 項目。還附上了我為本教程創(chuàng)建的 Visuino 項目。您可以在 Visuino 中下載并打開它：下載鏈接