一、簡介

Node-Red去年就聽說了，可以作為個人物聯網服務器及頁面展示，安裝好之后，只需要在網頁拖控制元件，配置資訊就可以用了，可以說是不用編程的工具，適用于那些學生專案中，需要用到物聯網平臺資料展示等，一般來說，是你的硬體部分已經完成了，可以正常的在比如MQTT服務器上收發資料，但是，你還需要弄一個web端的平臺進行資料展示，這個時候就很適合用這個東西，很多學生的畢業設計就有這樣的需求，但是又只會做硬體，不會服務器的軟體程式，這個只需要拖拽控制元件，設定引數就好了，

我是跟著阿正的視頻進行學習，傳送門：B站傳送門

Node-Red的官網：https://nodered.org/

安裝程序就不說了，隨便搜一大堆，官網也有教程，我也寫有一篇（傳送門），想知道詳細的資料，可以去官網看開發手冊，下面通過一些練習來學習Node-Red，練習的例子也是從阿正的教程里整理出來的，可以先去看一遍視頻下來再過來看著實操，

二、練習

1、B站粉絲數展示

（1）安裝UI控制元件庫

在此之前，你要安裝好dashboard這個UI控制元件庫，在節點管理中，安裝里搜node-red-dashboard，點擊安裝即可，安裝后在這里可以看到，

安裝完就可以在左邊的這些控制元件最下面看到新安裝的dashboard的UI控制元件，

（2）教程

資料輸入

首先我們是需要周期性的發一個http請求，然后服務器回傳資料，我們再處理資料，并展示出來，

周期性執行這個功能，用共通控制元件里的inject控制元件，雙擊進去，設定訊息流為JSON，然后點后面這個省略號進入編輯具體的JSON內容，寫完記得點一下格式化json，檢查一下有沒有語法錯誤，然后在最底下選周期性執行，每隔1分鐘，如果后面想暫時不用這個功能，可以點左下角的有效，

http請求

因為我們的http請求是周期性的，所以用網路里面的http request這個控制元件，有輸入也有輸出，然后按圖中設定引數，

URL：http://api.bilibili.com/x/relation/stat?vmid=27735202

后面這串數字是你的B站ID號，也可以直接用瀏覽器訪問看看，

會給你回傳這串JSON格式的資料，上面這個URL就叫做API介面+引數，這個API回傳的資料比較簡潔，需要更多的資訊的，可以找找別的API，然后自己做下資料處理，然后每個資訊流的尾部，最好都加一個共通里面的debug除錯控制元件來輸出資訊，

UI控制元件資料展示

用dashboard中的text input控制元件，Value format中填入{{msg.payload.data.follower}}，顯示的就是UP主粉絲數，相應的，following是關注數，名稱是要換一個API：https://api.bilibili.com/x/space/acc/info?mid=27735202，這個比較復雜一點，name是UP主名稱，