嘿!您似乎在 United States,您想使用我们的 English 网站吗?
Switch to English site
Skip to main content

使用Zerynth Studio程式設計的NodeMCU Wi-Fi開關(繁體)

作者 Dan 羅傑瑞
難度 容易
所需時間 30分鐘

 

自IoT蓬勃發展以來,ESP8266是最著名的基於Wi-Fi的嵌入式系統之一,可用於各種應用程式。 它成為Arduino的繼任者之一,因為它幾乎可以執行相同的功能。 NodeMCU是一個使用ESP8266作為嵌入式系統的物聯網平臺。 開發諸如NodeMCU V2和V3之類的板可簡化原型設計,而不是單獨使用ESP8266晶片。 在本教程中,我們要介紹使用Zerynth Studio IDE程式設計的NodeMCU的快速應用程式。 我們特別在本教程中使用Zerynth Studio展示其相對於其他IDE的優勢,因為它可以用作不同物聯網板的通用平臺IDE。 以下是材料和元件:

材料和元件

1.NodeMCU V2或V3(本教程使用V3)

2.micro USB線

3.母-母杜邦連接線

4.單埠5V繼電器

0120_b080ab75d34a2d64d0e935cf96cafe69867a99d8.png

步驟1:安裝NodeMCU驅動程式

1.1 如果您尚未為NodeMCU板安裝任何驅動程式,建議您執行此步驟。 如果之前已經安裝了驅動程式,請繼續執行步驟2。

下載CH340驅動程式並安裝: https://sparks.gogo.co.nz/ch340.html

打開安裝程式後,它將顯示以下內容:
0216_dda03f6a532584a1f9369ace92ac07fc4b19459c.png

按一下安裝,然後等待安裝完成。 完成後,導航至PC的裝置管理員。 可以通過按WIN + PAUSE BREAK來啟動裝置管理員,或直接轉到「控制台」>「硬體和聲音」>「裝置管理員」。 現在,如下圖所示,通過micro-usb線將NodeMCU板連接到PC,然後檢查「裝置管理員」窗口。 您應該能夠看到諸如USB-SERIAL CH340(COMx)之類的設備。
0318_63cb13de616abc97ab59c59f25b1c9568f3ba187.png0417_c0b250b2c0653b235c2f2e883e38895826174a18.png

步驟2:設置您的Zerynth工作室環境和NodeMCU開發板

2.1 如果尚未這樣做,請下載並安裝Zerynth Studio:https://www.zerynth.com/zerynth-studio/

安裝後,打開Zerynth Studio IDE,您應該能夠看到以下內容:
0513_2884c075571399da4937d4deb9f902c7b89c1407.png

根據IDE的要求,您需要使用任一帳戶登錄才能使用其IoT服務等。 因此,嘗試註冊一個帳戶以登錄。

2.2 一旦可以訪問IDE,第一步就是為Zerynth Studio環境設置電路板。 在IDE的中心(或左上角)或角落,從Device下拉式功能表中找到您的設備NodeMCU V3。

0611_18eba07b10296b1af8fe740d3c19068577119b1b.png

2.3 接下來,從Device資訊中選擇您的設備,然後按一下Create

0714_a136f90a07097a73ac30dbb27c2b041e3325494e.png

在 Create視窗中,它將詢問您要使用哪個VM。 假設您擁有免費或入門帳戶,只需按一下 Create。
0812_e83b87e0d5e010de80eff668e56dc7fee8b32a62.png

創建設備後,按一下 Virtualize。
0910_b166bc4a742afeb2e2106008e7f17e5cfff02323.png

接下來,將顯示此視窗,然後再次按一下 Virtualize。
1026_9ba555af3b55463795125d22841c88541214f61a.png

此時,您的NodeMCU板應在虛擬化設備時閃爍。 等待直到完成,顯示以下控制台輸出:
1143_17334c71de9bc8ad71f7bf60db99bf2808aa9abc.png

步驟3:接線

根據下圖連接元件:
1222_2b916a4a840ce09758536d3886d2b97251722995.png

為了簡要說明所使用的引腳,我們將D5用作GPIO引腳,因為並非NodeMCU的所有數字引腳都可用於一般用途。 根據板子製造商的不同,繼電器板也可以由3V供電。 否則,請為繼電器使用外部電源。
IDE的便捷功能之一是,我們可以通過按一下Device Pinmap按鈕來查看所使用的電路板的引腳排列。
1418_f9ad971a932b2e0257eb88779206de21b80aadd7.png

您可以一直以此為參考。

步驟4:程式設計

4.1 最後,在進行了幾次IDE準備之後,讓我們開始研究小型IoT項目的代碼。 轉到項目>新建,然後為您的項目輸入名稱。 為了簡化操作,請在此處克隆我們的github存儲庫:

https://github.com/danrustia11/NodeMCU_SmartSwitch_Zerynth.git

1517_2a76a4575b38061c6e2806c55daea5bf989e3900.png

這樣做之後,打開main.py檔以編輯第26-30行中的一些變數。 特別是,根據您的Wi-Fi路由器的設置編輯SSID和PASSWORD。
1618_a44e6165d992bf66a71d298d162cf3d5643b6df1.png

您可能已經注意到,有UID和TOKEN條目。 您可以通過轉到工具列的Connected Devices來註冊UID和TOKEN。
1716_85aee4f7751f887f71aa0ba063d0ea56d0e272e7.png

這將立即顯示您連接的設備。 然後,按一下 + Template按鈕。
1816_6d2690b5ba0214de287370704df8618422250234.png

在下一個視窗中,您可以創建範本並命名。 創建一個後,應該會顯示出來。
1916_052a653c1bb56767ac038d2f19fde275b2bc6a61.png

在上一個視窗中,按一下更新。 它應該顯示一個資料夾選擇視窗,您必須在其中選擇克隆的存儲庫的範本資料夾。
2015_05a057d859b34683d0e7cf7405a03bdc5f35fad2.png

這是重要的一步,因為這會將您的網頁上傳到Zerynth的雲伺服器,以供日後在APP中使用。

4.2 現在,我們通過按一下IDE左上角的Uplink按鈕開始上傳代碼。

2117_4655c3e2229d2c155199f02296d9261f1b8eb7e2.png

完成後,您應該能夠看到Uplink已完成。 如果不是,請返回步驟2。設置Zerynth Studio的最常見錯誤是虛擬化部分。 確保一切順利進行,以免上載時出錯。
2215_cf0b1870a9aa4a257a9f9d3d3f1d64541c958d4c.png

步驟5:使用APP進行測試

現在,終於可以使用Zerynth APP測試我們的程式了。 該APP適用於Android和iOS用戶。 請確保您用於APP的登錄憑據與用於Zerynth Studio IDE的登錄憑據相同,否則將無法使用。 下載連結在這裡:

https://play.google.com/store/apps/details?id=thingsoninternet.biz.viperapp&hl=en

登錄後,您應該可以在儀錶板中看到這樣的設備:

2318_27b4454e90b65163e53e65516e21c3c03fd751d5.png

按一下您的設備,它應顯示我們為此示例準備的介面:
2416_c9751421a1ffd90f34a2cdaf2da4e344d2961085.png2516_1ae385e2574b3172a5637922f676ce76fa4efd20.png

完成了! 如果按一下該開關,則您的繼電器會發出滴答聲,這意味著它會打開和關閉。 這樣,您可以製作自己的交流電源開關以關閉房間的燈或風扇。
這顯示了使用Zerynth開發物聯網應用程式的優勢。它減少了編寫可能會非常耗時APP的負擔,並且可能需要擁有良好的移動應用程式開發背景知識。 此外,所有物聯網設備也都連接到Zerynth雲端,這非常方便。

原始程式碼:

https://github.com/danrustia11/CaveduRS/tree/master/NodeMCU/SmartSwitch

 

CAVEDU Education is devoted into robotics education and maker movement since 2008, and is intensively active in teaching fundamental knowledge and skills. We had published many books for readers in all ages, topics including Deep Learning, edge computing, App Inventor, IoT and robotics. Please check CAVEDU's website for more information: http://www.cavedu.com, http://www.appinventor.tw
DesignSpark Electrical Logolinkedin