iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 4
0
Modern Web

Node-Red 貓的真實之口系列 第 4

Node-Red 貓的真實之口-介面簡介-1

  • 分享至 

  • xImage
  •  

Node-RED 介面簡介


經過之前的安裝,我們在瀏覽器上面已經看到Node-RED的開發介面
接下來我們可以開始使用Node RED了
Node-RED基本上使用HTML5,所以大部分的現代瀏覽器都支援
工作區域也有觸控快捷鍵所以可以在平板和手機上進行修改開發
各位看到的應該是下圖的畫面
https://ithelp.ithome.com.tw/upload/images/20181019/20112219IXFm0JSbod.png

在使用上主要分成四大區塊
1.工具欄
2.工作區
3.資訊欄
4.功能列
https://ithelp.ithome.com.tw/upload/images/20181019/20112219yu2qwWfkc0.png

1.工具欄

工具欄是我們最常使用的部分
他是將所有的功能都簡化成一個個的Node
我們可以用拖曳的方式,將Node拖到工作區
也可以使用篩選功能,搜尋我們所需要的Node
拖曳:
tool

篩選:
filter


下一章節會介紹工作區


上一篇
Node-Red 貓的真實之口-安裝Node-RED-Linux
下一篇
Node-Red 貓的真實之口-介面簡介-2
系列文
Node-Red 貓的真實之口13
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言