描述

在本教程中，我們將使用 NodeMCU Mini、OLED Lcd 和Visuino在 LCD 上每隔幾秒顯示來自互聯(lián)網(wǎng)的實時新聞。

第 1 步：您需要什么

• NodeMCU Mini
• OLED液晶屏
• 面包板
• 跳線
• 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 步：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è)置端口：80

第 5 步：在 Visuino 中添加組件

?

?

?

?

1 / 6

?

• 添加 CharToText1 組件

設(shè)置最大長度 1000

• 添加顯示 OLED I2C

雙擊并在窗口中將文本字段拖到左側(cè)

• 添加格式化文本

把它放在“文本”值下： GET http://feeds.reuters.com/Reuters/worldNews HTTP/1.1

接受：text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8

接受字符集：*.*

接受語言：en-US,en;q=0.7,sl;q=0.3

主持人：feeds.reuters.com

DNT: 1

• 添加替換文本 (ReplaceText1 )

• 設(shè)置“從值”：
• 將“ToValue”設(shè)置為空

• 添加替換文本 (ReplaceText2 )

• （見圖）設(shè)置“從值”：TAB TAB
• 將“ToValue”設(shè)置為空

• 添加文本長度 (TextLength2)
• 添加包含文本 (ContainsText1)

• 設(shè)置“文本”值：TAB TAB

  （見圖）

  • 添加記住文本
  • 添加邏輯AND
  • 添加AddValue
  1. set Value:1
  • Add CompareValue (CompareValue1)
  1. set "comparetype": ctSmallerOrEqual
  2. set "value":2
  • 添加 CompareValue (CompareValue3)
  1. set "comparetype": ctBigger

  2. set "value":3

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

?

• 將 NodeMCU ESP-12 > Modules WiFi Sockets TCP Client1> Pin[Out] 連接到 CharToText1 pin [In]
• 將 CharToText1 引腳 [out] 連接到 ReplaceText1 引腳 [in]
• 將 ReplaceText1 pin[out] 連接到 TextLength2 pin[in] 和 ContainsText1 pin [in] 和 RememberText1 pin [in]
• 將 TextLength2 引腳 [out] 連接到 CompareValue3 引腳 [in]
• 將 CompareValue3 引腳 [out] 連接到 And1 引腳 [1]
• 將 ContainsText1 引腳 [out] 連接到 And1 引腳 [0]
• 將 And1 引腳 [out] 連接到 AddValue1 引腳 [in]
• 將 AddValue1 pin[out] 連接到 CompareValue1 pin[in]
• 將 CompareValue1 pin[out] 連接到 RememberText1 pin [remember] 和 pin[recall]
• 將 RememberText1 引腳 [out] 連接到 ReplaceText2 引腳 [in]
• 將 ReplaceText2 pin[out] 連接到 NodeMCU ESP-12 serial0 pin[in] 和 DisplayOLED1 元素文本字段 pin[in]
• 將 DisplayOLED1 引腳 [out] 連接到 NodeMCU ESP-12 I2C 引腳 [in]

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

?

?

?

?

1 / 2

?

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

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

第 8 步：播放

如果您為 NodeMCU 模塊供電，OLED Lcd 將開始顯示最新的世界新聞。

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