忘記過(guò)去，超越自己

• ?? 博客主頁(yè) 單片機(jī)菜鳥(niǎo)哥，一個(gè)野生非專業(yè)硬件IOT愛(ài)好者 ??
• ?? 本篇?jiǎng)?chuàng)建記錄 2022-10-16 ??
• ?? 本篇更新記錄 2022-10-16 ??
• ?? 歡迎關(guān)注 ??點(diǎn)贊 ??收藏 ??留言??
• ?? 此博客均由博主單獨(dú)編寫，不存在任何商業(yè)團(tuán)隊(duì)運(yùn)營(yíng)，如發(fā)現(xiàn)錯(cuò)誤，請(qǐng)留言轟炸哦！及時(shí)修正！感謝支持！
• ?? Arduino ESP8266教程累計(jì)幫助過(guò)超過(guò)1W+同學(xué)入門學(xué)習(xí)硬件網(wǎng)絡(luò)編程，入選過(guò)選修課程，刊登過(guò)無(wú)線電雜志 ??

1. 前言

Node-RED最初是IBM在2013年末開(kāi)發(fā)的一個(gè)開(kāi)源項(xiàng)目，以滿足他們快速連接硬件和設(shè)備到Web服務(wù)和其他軟件的需求——作為物聯(lián)網(wǎng)的一種粘合劑，它很快發(fā)展成為一種通用的物聯(lián)網(wǎng)編程工具。

Node-RED 是一種編程工具，用于以新穎有趣的方式將硬件設(shè)備、API 和在線服務(wù)連接在一起。這句話會(huì)隨著把這個(gè)東西用起來(lái)之后會(huì)慢慢理解。

重要的是，Node-RED已經(jīng)迅速形成一個(gè)重要的、不斷增長(zhǎng)的用戶基礎(chǔ)和一個(gè)活躍的開(kāi)發(fā)人員社區(qū)，他們正在開(kāi)發(fā)新的節(jié)點(diǎn)（目前項(xiàng)目上也集成了非常多有用的節(jié)點(diǎn)，包括HTTP節(jié)點(diǎn)、MQTT節(jié)點(diǎn)以及DashBoard儀表盤等等功能），同時(shí)允許程序員復(fù)用Node-RED代碼來(lái)完成各種各樣的任務(wù)。

Node-RED 是構(gòu)建物聯(lián)網(wǎng)(IOT， Internet of Things)應(yīng)用程序的一個(gè)強(qiáng)大工具，其重點(diǎn)是簡(jiǎn)化代碼塊的“連接”以執(zhí)行任務(wù)。它使用可視化編程方法，允許開(kāi)發(fā)人員將預(yù)定義的代碼塊（稱為“節(jié)點(diǎn)”，Node）連接起來(lái)執(zhí)行任務(wù)。連接的節(jié)點(diǎn)，通常是輸入節(jié)點(diǎn)、處理節(jié)點(diǎn)和輸出節(jié)點(diǎn)的組合，當(dāng)它們連接在一起時(shí)，構(gòu)成一個(gè)“流”(Flows，一個(gè)事件從一個(gè)節(jié)點(diǎn)陸續(xù)流入一個(gè)節(jié)點(diǎn)，每個(gè)節(jié)點(diǎn)會(huì)處理一些業(yè)務(wù)邏輯)。

簡(jiǎn)單來(lái)說(shuō)，Node-RED就是一個(gè)基于瀏覽器可以實(shí)現(xiàn)可視化拖拽編程物聯(lián)網(wǎng)的工具，對(duì)于部分初學(xué)者來(lái)說(shuō)是一個(gè)福音，功能上類似于OneNet的可視化儀表盤、阿里云物聯(lián)網(wǎng)上面的可視化web頁(yè)面等等。它提供了一個(gè)基于瀏覽器的編輯器，在瀏覽器中，通過(guò)將節(jié)點(diǎn)從調(diào)色板拖到工作區(qū)并開(kāi)始將它們連接在一起來(lái)創(chuàng)建應(yīng)用程序。只需單擊一下，即可將應(yīng)用程序部署回運(yùn)行它的運(yùn)行時(shí)。

沒(méi)錯(cuò)，最好的學(xué)習(xí)資料：

• 第一推薦Node-RED官方學(xué)習(xí)文檔，雖然是純英文
• 這里也有一個(gè)寫得比較好的連載內(nèi)容，當(dāng)然博哥后面也會(huì)寫一個(gè)

2. Node-RED 特點(diǎn)

Node-RED 是一種基于流的編程工具，最初由IBM 的新興技術(shù)服務(wù) 團(tuán)隊(duì)開(kāi)發(fā)，現(xiàn)在是OpenJS 基金會(huì)的一部分。

基于流的編程，是一種將應(yīng)用程序的行為描述為黑盒網(wǎng)絡(luò)的方法，或者在 Node-RED 中稱為“節(jié)點(diǎn)”。

• 每個(gè)節(jié)點(diǎn)都有明確的用途；
• 它被賦予了一些數(shù)據(jù)，它對(duì)這些數(shù)據(jù)做一些事情，然后將這些數(shù)據(jù)傳遞給它。
• 網(wǎng)絡(luò)負(fù)責(zé)節(jié)點(diǎn)之間的數(shù)據(jù)流。

2.1 基于瀏覽器的流程編輯

• Node-RED 提供了一個(gè)基于瀏覽器的流編輯器，可以使用調(diào)色板中的各種節(jié)點(diǎn)輕松地將流連接在一起。然后，只需單擊一下即可將流部署到運(yùn)行時(shí)。
• 可以使用富文本編輯器在編輯器中創(chuàng)建 JavaScript 函數(shù)。
• 內(nèi)置庫(kù)允許您保存有用的函數(shù)、模板或流程以供重復(fù)使用。

上面的圖就是后面我們會(huì)看到的大概樣子，可以把左邊的節(jié)點(diǎn)拖拽到中間做一些業(yè)務(wù)邏輯。針對(duì)物聯(lián)網(wǎng)體系來(lái)說(shuō)，我們能做的事情包括且不限于：

• dashboard 儀表盤功能
• 支持http，mqtt，websocket，tcp，udp協(xié)議

2.2 基于 Node.js 構(gòu)建

• 輕量級(jí)運(yùn)行時(shí)基于 Node.js（那就意味著我們需要搭建NodeJs環(huán)境了，這個(gè)也很簡(jiǎn)單，直接參考 【NodeJs-5天學(xué)習(xí)】第一天篇② —— 安裝NodeJs環(huán)境以及VsCode開(kāi)發(fā)工具），充分利用其事件驅(qū)動(dòng)的非阻塞模型。這使得它非常適合在 Raspberry Pi （樹(shù)莓派）、android手機(jī)等低成本硬件以及運(yùn)行在網(wǎng)絡(luò)邊緣的云。
  
  

• Node的軟件包存儲(chǔ)庫(kù)中有超過(guò)225,000個(gè)模塊，可以輕松擴(kuò)展面板節(jié)點(diǎn)的范圍以添加新功能。（相當(dāng)于第三方軟件庫(kù)，別人寫好了，直接用）

2.3 利于發(fā)展的分享生態(tài)環(huán)境

• 在 Node-RED 中創(chuàng)建的流使用 JSON 存儲(chǔ)，可以輕松導(dǎo)入和導(dǎo)出以與他人共享。
• 在線流程庫(kù)使您可以與世界分享優(yōu)秀的節(jié)點(diǎn)。今天仍有充滿活力的用戶和開(kāi)發(fā)人員社區(qū)，核心致力于Node-RED代碼本身，同時(shí)為流庫(kù)貢獻(xiàn)節(jié)點(diǎn)或流。
• 通過(guò)安裝由社區(qū)創(chuàng)建的新節(jié)點(diǎn)，可以輕松擴(kuò)展節(jié)點(diǎn)選項(xiàng)板，并且您創(chuàng)建的流可以輕松共享為 JSON 文件。

3. Node-RED 能用來(lái)做什么？

通過(guò)Node RED，物聯(lián)網(wǎng)數(shù)據(jù)傳輸設(shè)備開(kāi)啟了一個(gè)新的時(shí)代，通過(guò)Node RED，我們?cè)趯懝δ軙r(shí)，可以通過(guò)拖拽編寫好的功能，就能直接使用，然后通過(guò)節(jié)點(diǎn)，就能將功能與功能之間串聯(lián)起來(lái)。

通過(guò)這樣的功能，使得開(kāi)發(fā)速度更快！更容易上手。

3.1 案例一：控制LED燈

在這個(gè)簡(jiǎn)單的例子中，它是由3個(gè)節(jié)點(diǎn)組成。最左邊不斷觸發(fā)一個(gè)時(shí)間流（左邊節(jié)點(diǎn)），然后等待1s（中間節(jié)點(diǎn)），最后輸出控制LED（右邊節(jié)點(diǎn)）、

3.2 案例二：使用Node-RED的內(nèi)置HTTP節(jié)點(diǎn)構(gòu)建Web服務(wù)

它是由4個(gè)節(jié)點(diǎn)組成。第一個(gè)和最后一個(gè)節(jié)點(diǎn)是HTTP輸入和輸出節(jié)點(diǎn)，它們共同工作以偵聽(tīng)HTTP請(qǐng)求并發(fā)送HTTP響應(yīng)。此流偵聽(tīng)來(lái)自任何源的HTTP請(qǐng)求，我們假設(shè)這里有一個(gè)常規(guī)瀏覽器。當(dāng)它到來(lái)時(shí)，需要它查詢你的Fitbit數(shù)據(jù)，然后使用一個(gè)模板節(jié)點(diǎn)建立一個(gè)HTTP頁(yè)面，并通過(guò)對(duì)HTTP輸出節(jié)點(diǎn)發(fā)送到網(wǎng)頁(yè)瀏覽器之中。

3.3 案例三：利用dashboard構(gòu)建監(jiān)控UI面板

看一下別人使用dashboard制作的面板。后面我們自己也可以做出這樣的效果。

4. Node-RED的局限性？

雖然它帶來(lái)很多便利性，但肯定也是有局限性。
Node-RED可能并不是物聯(lián)網(wǎng)應(yīng)用程序開(kāi)發(fā)的最佳工具。雖然功能強(qiáng)大且靈活，但并不一定是正確的解決方案。某些情況下，Node-RED可能不是首選，包括：

• 復(fù)雜多功能物聯(lián)網(wǎng)應(yīng)用。Node-RED擅長(zhǎng)于快速應(yīng)用程序開(kāi)發(fā)，并充當(dāng)連接事件到動(dòng)作或傳感器到執(zhí)行器的粘合劑。然而，當(dāng)應(yīng)用程序達(dá)到一定的規(guī)模時(shí)，通過(guò)Node-RED來(lái)可視化編程和管理變得非常復(fù)雜。
• 基于流的編程是一種通用模型，并沒(méi)有針對(duì)特定需求進(jìn)行針對(duì)性或優(yōu)化，例如數(shù)據(jù)分析或用戶界面開(kāi)發(fā)。目前，Node-RED對(duì)這些類型的應(yīng)用程序沒(méi)有具體的支持，也沒(méi)有簡(jiǎn)單的方法來(lái)添加這種支持。顯然，Node-RED的底層技術(shù)是JavaScript，可以利用它的能力來(lái)滿足這些需求。如果要使用Node-RED來(lái)做原型開(kāi)發(fā)，可行的方案是在找一種更適合任務(wù)語(yǔ)言中實(shí)現(xiàn)部分或全部應(yīng)用程序，并使用Node-RED作為整體控件。

雖然有一定局限性，但是目前階段對(duì)于初學(xué)者來(lái)說(shuō)完全夠用。

5. 搭建本地Node-RED運(yùn)行環(huán)境

前提條件：

Node-RED基于NodeJS，所以需要搭建NodeJs環(huán)境了，這個(gè)也很簡(jiǎn)單，直接參考 【NodeJs-5天學(xué)習(xí)】第一天篇② —— 安裝NodeJs環(huán)境以及VsCode開(kāi)發(fā)工具

5.1 使用npm 安裝 Node-RED 環(huán)境

cmd輸入命令：

npm install -g node-red

5.2 啟動(dòng)Node-RED

cmd輸入命令：

node-red

在瀏覽器中打開(kāi) http://localhost:1880 就可以訪問(wèn)Node-RED的前臺(tái)界面，進(jìn)行編程。

后面我們就可以根據(jù)具體情況來(lái)學(xué)習(xí)使用這個(gè)工具，完成各式各樣的功能。

5.3 停止Node-RED

直接ctrl + C即可

6. 總結(jié)

本文簡(jiǎn)單介紹了Node-RED工具以及它能給我們開(kāi)發(fā)物聯(lián)網(wǎng)帶來(lái)那些功能效果，先搭建好環(huán)境，然后去玩轉(zhuǎn)起來(lái)，靜待后續(xù)篇章。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-678486.html

到了這里，關(guān)于【鳥(niǎo)哥雜談】十分鐘搭建自己的本地 Node-Red可拖拽圖形化物聯(lián)網(wǎng)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！