iT邦幫忙

2022 iThome 鐵人賽

DAY 2
0
自我挑戰組

地圖物聯系列 第 2

利用 Node Red uibuilder 與物聯網結合

  • 分享至 

  • xImage
  •  

文章網址:http://joulong.hopto.org:8333/2022/07/20/uibuilder/#comment-56
uibuilder實在有些難懂今天弄出了初步,很多時候都是要放棄了才發現成功了

她是 Node Red 的 UI,因可搭 VUE,Bootstrap,JQUERY…故可有動態效果,物聯網必備…….

國外視頻只有一部且沒有講 Vue 的部份,今天自學起來真的很高興

將處理步驟自已記錄起來以免將來忘記:

1.因它不知為何無法產生js檔案,要先到 node red 將目錄做好 ,copy js檔

2.將library 新增進來如下
https://ithelp.ithome.com.tw/upload/images/20220902/201360766xAFP0APgD.png

3.再將 html,js檔加到以下畫面
https://ithelp.ithome.com.tw/upload/images/20220902/20136076WsOF6CCjxo.png

4.按以下執行:
https://ithelp.ithome.com.tw/upload/images/20220902/20136076D6VePnQKWW.png

5.終於出來了:
https://ithelp.ithome.com.tw/upload/images/20220902/20136076OR1rghyOcY.png


上一篇
智慧屋展示
下一篇
智能空氣品質偵測
系列文
地圖物聯32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言