描述

在本教程中，我們將學(xué)習(xí)如何使用 M5Stack StickC 和 Visuino 從 NIST TIME 服務(wù)器獲取日期和時(shí)間，

第 1 步：您需要什么

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

Visuino 程序：下載 Visuino

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

第 2 步：?jiǎn)?dòng) Visuino，并選擇 M5 Stack Stick C 板類型

?

?

?

?

1 / 2

?

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

第 3 步：在 Visuino 中設(shè)置 StickC 板

?

?

?

?

1 / 4

?

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

在“屬性”窗口中選擇“模塊”并單擊“+”展開(kāi)，

選擇“ Display ST7735 ”并單擊“+”展開(kāi)它，將“Orientation”設(shè)置為“goRight”

• 將“背景顏色”設(shè)置為“ClBlack”選擇“元素”并單擊帶有 3 個(gè)點(diǎn)的藍(lán)色按鈕...

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

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

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

第 4 步：WiFi 設(shè)置

?

?

?

?

1 / 5

?

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

在“屬性”窗口中選擇“模塊”并單擊“+”展開(kāi)，“ WiFi ”并單擊“+”展開(kāi)，選擇“連接到接入點(diǎn)”并單擊按鈕（3 個(gè)點(diǎn)）

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

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

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

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

• 端口：37 和
• 主機(jī)：time-bg.nist.gov

第 5 步：在 Visuino 添加組件

?

?

?

?

1 / 3

?

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

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

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

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

第 6 步：在 Visuino 中設(shè)置組件

?

?

?

?

1 / 2

?

• 選擇“ PulseGenerator1 ”并在屬性窗口中將頻率設(shè)置為 0.1166667
• 選擇“ DeleteRightText1 ”并在屬性窗口中將長(zhǎng)度設(shè)置為 13
• 選擇“ DeleteRightText2 ”并在屬性窗口中將長(zhǎng)度設(shè)置為 5
• 選擇“ DeleteLeftText2 ”并在屬性窗口中將長(zhǎng)度設(shè)置為 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 圖標(biāo)，這將生成代碼并打開(kāi) Arduino IDE。它旁邊的按鈕將編譯并將代碼直接發(fā)送到設(shè)備。您需要第一次打開(kāi) IDE 以確保 COM 端口設(shè)置正確。之后 Arduino IDE 將保存您的設(shè)置。

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

然后點(diǎn)擊上傳。這將驗(yàn)證（編譯）和上傳。

第 9 步：播放

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

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

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