使用Node-RED搭建一個(gè)天氣預(yù)報(bào)面板

點(diǎn)擊鏈接加入群聊【Node-RED與IoT開發(fā)交流】https://jq.qq.com/?_wv=1027&k=5owlJfm
新創(chuàng)立的群找颓,歡迎加入碗啄!

Node-RED Tutorial Home

介紹
建立你的第一個(gè)流
基礎(chǔ)節(jié)點(diǎn)和流
核心節(jié)點(diǎn)


例子:
使用Node-RED搭建一個(gè)天氣預(yù)報(bào)面板
基于 SIMATIC IOT2040 的 Node-RED S7 通信


總覽

效果圖

實(shí)現(xiàn)

這個(gè)小項(xiàng)目的目標(biāo)是通過API請求 獲取OpenWeatherMap的基礎(chǔ)天氣信息和WAQI的空氣質(zhì)量信息, 并將這些信息存入MySQL數(shù)據(jù)庫, 并從前端展示出來. 展示Node-RED在可視化編程和UI界面快速構(gòu)建方面的強(qiáng)大能力.
相關(guān)資源可在Github獲取, https://github.com/bing-zhub/WeatherNode. 如果對您有用也請賞個(gè)Star吧

數(shù)據(jù)庫設(shè)計(jì)

ER圖

以Weather表為主表其余為副表, 通過外鍵關(guān)聯(lián)各個(gè)副表. 大體含義可以通過域名推測.

API Token獲取

OpenWeatherMap

  1. https://home.openweathermap.org/users/sign_up 注冊
  2. https://home.openweathermap.org/api_keys 添加項(xiàng)目
  3. 在2的頁面中可以查看到你獲取的Token
    具體的API參數(shù)參照 https://openweathermap.org/current

WAQI

  1. https://aqicn.org/data-platform/token/# 注冊
  2. 注冊成功后便可以在當(dāng)前頁面獲取到Token
    具體的API參數(shù)參照 https://aqicn.org/json-api/doc/

Node-RED編寫

如果曾看過之前的文章, 應(yīng)該知道 Node-RED每個(gè)flow是通過一個(gè)msg對象進(jìn)行傳遞數(shù)據(jù)的. 所以這里我們在init節(jié)點(diǎn)生成一個(gè)msg對象, 來替代Node-RED本身生成的msg對象(這樣可以更加方便添加鍵值對).

msg = {
    city:"",
    country:"",
    basic_api:"",
    air_api:"",
    data:{
        basic:{

        },
        air:{

        }
    },
    topic:"",
    ids:{
        location:0,
        temp:0,
        wind:0,
        air:0,
        iaqi:0
    },
    payload:{
        urls:""
    }
}

return msg;

city/country用來放置即將在config節(jié)點(diǎn)中即將添加的城市和國家. data用來存儲從API獲取的數(shù)據(jù). topic在后續(xù)節(jié)點(diǎn)主要用于存放SQL語句. ids用于存放,在存入副表數(shù)據(jù)過程中產(chǎn)生的副表ID, 主要用于主表外鍵關(guān)聯(lián).

從數(shù)據(jù)源獲取數(shù)據(jù)

在初始化完成后, 下面構(gòu)造API

city = "London";
country = "UK";
basic_token = "OpenWeatherMap token";
air_token = "WAQI token";

msg.city = city;
msg.country = country;
msg.basic_api = `http://api.openweathermap.org/data/2.5/weather?q=${city},${country}&appid=${basic_token}`;
msg.air_api = `https://api.waqi.info/feed/${city}/?token=${air_token}`;

msg.url = msg.basic_api;
return msg;

構(gòu)造完成后, API地址被放入了msg對象, 在下一步的Request請求便可以調(diào)用.
Request節(jié)點(diǎn)可以通過可視化配置的方式配置API地址, 也可通過msg.url動態(tài)配置, 所以我們把基礎(chǔ)天氣信息的API放入msg.url.

Request(GET)請求后, 返回的數(shù)據(jù)通過JSON節(jié)點(diǎn), 將字符串轉(zhuǎn)為JavaScript對象, 這樣更加方便操作. 轉(zhuǎn)換好之后, 將獲得的數(shù)據(jù)放入事先為數(shù)據(jù)預(yù)留的msg.data.

這是我們就已經(jīng)獲取到了對應(yīng)城市的基礎(chǔ)天氣.

空氣質(zhì)量信息與之類似, 不贅述.

數(shù)據(jù)庫存儲

數(shù)據(jù)源數(shù)據(jù)獲取后, 我們便可以操作msg, 將需要的信息存儲進(jìn)入數(shù)據(jù)庫.
首先我們安裝Mysql Connector

節(jié)點(diǎn)管理

MySQL

latitude = msg.data.basic.coord.lon;
longitude = msg.data.basic.coord.lat;

sql = `insert into Location (latitude, longitude) values(${latitude}, ${longitude});`;
msg.topic = sql;
return msg;

首先獲取msg對象中的latitudelongitude.
接下來構(gòu)造DML, 這里使用JavaScript的模板語法, 把獲取的latitudelongitude填入SQL語句.
由于Node-RED中的MySQL驅(qū)動從以msg.topic為SQL, 所以我們要將構(gòu)造好的SQL放入msg.topic.

之后, 從左側(cè)節(jié)點(diǎn)欄拖出MySQL, 配置數(shù)據(jù)庫, 完成后用連線將二者(function節(jié)點(diǎn)與MySQL節(jié)點(diǎn))進(jìn)行連接, 如總圖.

當(dāng)數(shù)據(jù)到來時(shí), MySQL節(jié)點(diǎn)便會執(zhí)行msg.topic中的SQL語句, 將對應(yīng)的信息存入數(shù)據(jù)庫. 數(shù)據(jù)存儲成功后, MySQL節(jié)點(diǎn)會將SQL執(zhí)行的結(jié)果返回到msg.payload, 其中包含插入的id, 我們將獲取到的id放入ids對應(yīng)的鍵中, 以便后續(xù)使用.

其余過程相似性很大, 不再贅述.
在對主表進(jìn)行操作時(shí), 將msg.ids中的數(shù)據(jù)獲取出來, 便可以產(chǎn)生外鍵約束, 保持?jǐn)?shù)據(jù)整體性.

可視化

未完待續(xù)...

本人水平極為有限, 存在的不足還請各位海涵. 有問題歡迎交流. 如果有時(shí)間我會寫一篇真正的關(guān)于物聯(lián)網(wǎng)的小文.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末留特,一起剝皮案震驚了整個(gè)濱河市态贤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌届惋,老刑警劉巖入桂,帶你破解...
    沈念sama閱讀 221,888評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件奄薇,死亡現(xiàn)場離奇詭異,居然都是意外死亡事格,警方通過查閱死者的電腦和手機(jī)惕艳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來驹愚,“玉大人远搪,你說我怎么就攤上這事》贽啵” “怎么了谁鳍?”我有些...
    開封第一講書人閱讀 168,386評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長劫瞳。 經(jīng)常有香客問我倘潜,道長,這世上最難降的妖魔是什么志于? 我笑而不...
    開封第一講書人閱讀 59,726評論 1 297
  • 正文 為了忘掉前任涮因,我火速辦了婚禮,結(jié)果婚禮上伺绽,老公的妹妹穿的比我還像新娘养泡。我一直安慰自己嗜湃,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,729評論 6 397
  • 文/花漫 我一把揭開白布澜掩。 她就那樣靜靜地躺著购披,像睡著了一般。 火紅的嫁衣襯著肌膚如雪肩榕。 梳的紋絲不亂的頭發(fā)上刚陡,一...
    開封第一講書人閱讀 52,337評論 1 310
  • 那天,我揣著相機(jī)與錄音株汉,去河邊找鬼筐乳。 笑死,一個(gè)胖子當(dāng)著我的面吹牛乔妈,可吹牛的內(nèi)容都是我干的哥童。 我是一名探鬼主播,決...
    沈念sama閱讀 40,902評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼褒翰,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了匀泊?” 一聲冷哼從身側(cè)響起优训,我...
    開封第一講書人閱讀 39,807評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎各聘,沒想到半個(gè)月后揣非,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,349評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡躲因,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,439評論 3 340
  • 正文 我和宋清朗相戀三年早敬,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片大脉。...
    茶點(diǎn)故事閱讀 40,567評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡搞监,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出镰矿,到底是詐尸還是另有隱情琐驴,我是刑警寧澤,帶...
    沈念sama閱讀 36,242評論 5 350
  • 正文 年R本政府宣布秤标,位于F島的核電站绝淡,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏苍姜。R本人自食惡果不足惜牢酵,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,933評論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望衙猪。 院中可真熱鬧馍乙,春花似錦布近、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,420評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至铁追,卻和暖如春季蚂,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背琅束。 一陣腳步聲響...
    開封第一講書人閱讀 33,531評論 1 272
  • 我被黑心中介騙來泰國打工扭屁, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人涩禀。 一個(gè)月前我還...
    沈念sama閱讀 48,995評論 3 377
  • 正文 我出身青樓料滥,卻偏偏與公主長得像,于是被迫代替她去往敵國和親艾船。 傳聞我的和親對象是個(gè)殘疾皇子葵腹,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,585評論 2 359