描述

在本教程中，我們將學習如何使用 M5Stack StickC 和 Visuino 從 NIST TIME 服務器獲取日期和時間，

第 1 步：您需要什么

M5StickC ESP32：你可以在這里得到它

Visuino 程序：下載 Visuino

注意：在此處查看本教程，了解如何安裝 StickC ESP32 板

第 2 步：啟動 Visuino，并選擇 M5 Stack Stick C 板類型

?

?

?

?

1 / 2

?

如圖1所示啟動Visuino 單擊Visuino中Arduino組件（圖1）上的“工具”按鈕 出現(xiàn)對話框時，選擇“M5 Stack Stick C”，如圖2所示

第 3 步：在 Visuino 中設置 StickC 板

?

?

?

?

1 / 4

?

單擊“ M5 Stack Stick C ”板以選擇它

在“屬性”窗口中選擇“模塊”并單擊“+”展開，

選擇“ Display ST7735 ”并單擊“+”展開它，將“Orientation”設置為“goRight”

• 將“背景顏色”設置為“ClBlack”選擇“元素”并單擊帶有 3 個點的藍色按鈕...

元素對話框?qū)@示

在元素對話框中展開右側(cè)的“文本”并拖動“繪制文本”并將“文本字段”從右側(cè)拖動到左側(cè)2X

• 選擇左側(cè)的“Draw Text1”文本，在屬性窗口中將大小設置為 2，將顏色設置為 aclLime，將文本設置為“日期和時間”
• 選擇左側(cè)的“Text Field1”，在屬性窗口中將大小設置為 2，將顏色設置為 aclAqua，將 Y 設置為 10
• 選擇左側(cè)的“Text Field2”，在屬性窗口中將大小設置為 2，將 Y 設置為 30

第 4 步：WiFi 設置

?

?

?

?

1 / 5

?

單擊“ M5 Stack Stick C ”板以選擇它

在“屬性”窗口中選擇“模塊”并單擊“+”展開，“ WiFi ”并單擊“+”展開，選擇“連接到接入點”并單擊按鈕（3 個點）

在“AccessPoints”窗??口中，將“ WiFi Access Point ”拖到左側(cè)。

然后在左側(cè)選擇“ Access Point1 ”并在屬性窗口中設置

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

在“屬性”窗口中選擇“模塊”并單擊“+”展開，“WiFi”并單擊“+”展開，>套接字，單擊[...]按鈕，這樣“套接字”窗口將打開拖動TCP客戶端從右到左在屬性窗口下設置

• 端口：37 和
• 主機：time-bg.nist.gov

第 5 步：在 Visuino 添加組件

?

?

?

?

1 / 3

?

添加“脈沖發(fā)生器”組件

添加“互聯(lián)網(wǎng)時間協(xié)議”組件

添加 2X“刪除右子文本”組件

添加 2X“刪除左側(cè)子文本”組件

第 6 步：在 Visuino 中設置組件

?

?

?

?

1 / 2

?

• 選擇“ PulseGenerator1 ”并在屬性窗口中將頻率設置為 0.1166667
• 選擇“ DeleteRightText1 ”并在屬性窗口中將長度設置為 13
• 選擇“ DeleteRightText2 ”并在屬性窗口中將長度設置為 5
• 選擇“ DeleteLeftText2 ”并在屬性窗口中將長度設置為 12

第 7 步：在 Visuino Connect 組件中

?

• 將“ PulseGenerator1 ”引腳 [Out] 連接到“ InternetTime1 ”引腳 [In]
• 將“ InternetTime1 ”引腳 [Socket] 連接到“ M5 Stack Stick C ”>TCP Client1引腳 [In]
• 將“ InternetTime1 ”引腳 [Out] 連接到“ DeleteRightText1 ”引腳 [In] 和“ DeleteRightText2 ”引腳 [In]
• 將“ DeleteRightText1 ”引腳 [Out] 連接到“ DeleteLeftText1 ”引腳 [In]
• 將“ DeleteRightText2 ”引腳 [Out] 連接到“ DeleteLeftText2 ”引腳 [In]
• 將“ DeleteLeftText1 ”引腳[Out]連接到“ M5 Stack Stick C”> Display ST7735>Text Field1 pin[In]
• 將“DeleteLeftText2”引腳 [Out] 連接到“M5 Stack Stick C”>Display ST7735>Text Field2引腳 [In]

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

?

?

?

?

1 / 2

?

單擊工具欄上的 Arduino 圖標，這將生成代碼并打開 Arduino IDE。它旁邊的按鈕將編譯并將代碼直接發(fā)送到設備。您需要第一次打開 IDE 以確保 COM 端口設置正確。之后 Arduino IDE 將保存您的設置。

進入 Arduino IDE 后，確保您的 Board、Speed 和 Port 設置正確。您很可能需要從子菜單中設置 COM 端口，但其他的應該自動設置。如果您有多個 COM 端口，請嘗試移除您的 M5Stick，查看保留哪些端口，然后重新連接 M5Stick 并查看哪個端口返回。那就是它的 COM 端口。

然后點擊上傳。這將驗證（編譯）和上傳。

第 9 步：播放

如果您為 M5Sticks 模塊供電，它將連接到互聯(lián)網(wǎng)并且顯示屏應該開始顯示來自 NIST 服務器的日期和時間

.您還可以嘗試在此處找到的其他服務器https://tf.nist.gov/tf-cgi/servers.cgi

恭喜！您已經(jīng)使用 Visuino 完成了 M5Sticks 項目。還附上了我為本教程創(chuàng)建的 Visuino 項目，您可以在此處下載。您可以在 Visuino 下載并打開它：https ://www.visuino.eu