iT邦幫忙

1

想讓蒐集到的數據能夠顯示在網頁上

最近對一個題目蠻有興趣的,我想用溫度感測器搜集溫度數據,並且讓數據能夠顯示在網頁上,但因為我不是相關科系的,所以不太清楚應該從哪裡著手。
想請問我如果要做這個實驗的話,是需要有哪些設備或軟體嗎?要架設什麼伺服器或需要用到資料庫嗎?
目前想試試能不能在樹莓派上裝溫度感測器,但溫度數據要如何傳到伺服器並顯示出來,具體怎麼做還沒查到相關的方法,請各位大師們教教我了,謝謝!

看更多先前的討論...收起先前的討論...
tonny0531 iT邦新手 5 級 ‧ 2020-12-07 14:16:05 檢舉
我自己建議查詢步驟如下
1. 樹莓派串接DB (把溫度測出來的值存進DB)
2. 後端API(這要看你想寫甚麼程式語言 撈DB資料)
3. 網頁Call API(Javascript Or Jquery)
4. HTML 顯示撈回來資料
若是以Arduino
google : dht11
搭個sever並製作對應api供樹梅派丟資料,server再提供查詢頁面。
https://ithelp.ithome.com.tw/articles/10222582
再回圈內加上把值丟進api就可以了
請問如果要以動態折線圖呈現溫度資料在網頁上可能嗎?
可能
單純一點的話,辦法有很多
其中一種辦法
google : dht11 thingspeak
請問不是dht11可以用嗎?
可以呀
我也說了我所述的辦法只是其中一種
樓下也有前輩說了另外幾種辦法
好比你肚子餓想吃東西不用筷子可以嗎
用湯匙、叉子、手甚至用腳也不是不行
以及對應的食物會是甚麼
吃米飯的話用湯匙筷子當然會比較容易一點
用叉子或是腳可能要忙老半天
但也都是可以填飽肚子的

先說說你的溫度感測器是甚麼吧
這樣瞎猜也沒個底
千萬別告訴我你溫度感測器指的是傳統的體溫計或是耳溫槍
是ds18b20
>是ds18b20
google : ds18b20 arduino thingspeak
或參考
https://www.electronicshub.org/ds18b20-temperature-sensor-with-esp8266/
了解
謝謝您!
1
黃彥儒
iT邦高手 1 級 ‧ 2020-12-07 14:23:19
最佳解答
  • Python能抓到溫度資料
  • Python + Flask能把溫度資料放到網頁

結案

請問這個方法可以和matplotlib結合嗎?

0
DennisLu
iT邦新手 5 級 ‧ 2020-12-08 09:26:52

自架套裝應用方式
grafana(圖表) + influxdb (時間序資料庫)

作法敘述...
將數據打到 influxdb api 存入數據
使用 grafana 查詢建立即時更新圖表
查詢來源設定好influxdb即可
可顯示很炫的及時更新圖表或是純數據

以上如果會 docker 會少很多時間研究如何安裝與架設


公有服務方式
不自架服務就上面推文的 thingspeak 純lab專案很夠


純文字Web顯示法方式
將資料一直輸入到文字檔,然後apache架web服務設定到可以瀏覽這文字檔


資料庫+網頁程式方式
將資料寫入資料庫,然後架設IIS、apache、nginx,寫網頁程式簡單撈出資料顯示。
網頁程式可以是 php 、 JavaScript 、 java tomcat

請問哪個是能在最短的時間內完成的呢?用apache的話就不能顯示圖片了嗎?

DennisLu iT邦新手 5 級 ‧ 2020-12-08 10:43:04 檢舉

自架最快docker平台上做 grafana(圖表) + influxdb
還是要吃點技術力 但是不用開發什麼,都是現成的平台。

完全不架設無技術力就是上面有人推的 thingspeak
你開好帳號,設好收資料的服務
你前端只要專注如何把資料整理好格式丟到公有的 thingspeak 上了
但你還是要知道學習如何把資料打api進 thingspeak 上
但是跟前面幾個方案 已經少學很多很多很多技能的捷徑了

好的 謝謝您!我再去研究看看!

0
kikulu
iT邦研究生 4 級 ‧ 2020-12-08 11:20:44

這個議題很多人做了,資料很好找
keyword: 溫度 上傳
差別就是工作量,成本,網頁顯示彈性

主要取決於你想要拿這個東西幹麼,是做專題,還是以後想要發展,或只是想方便你在外面可以看老家天氣?

授人以魚,不如授人以漁

但是我覺得你應該想吃肉不是吃魚,所以找一篇連結,東西買一買就做吧

https://blog.cavedu.com/2015/04/12/electric-imp-%E7%89%A9%E8%81%AF%E7%B6%B2%E5%B0%8F%E6%83%A1%E9%AD%94%E4%BB%A5%E7%B6%B2%E9%A0%81%E6%A8%A1%E5%BC%8F%E8%A7%80%E7%9C%8B%E6%BA%AB%E6%BF%95%E5%BA%A6%E6%84%9F%E6%87%89%E5%99%A8/

https://www.itread01.com/content/1546620686.html

https://sites.google.com/site/rasberrypintust/raspberry-pi-shi-wu-zhuan-ti/6-raspberry-pi---thingspeak-yun-duan-zi-liao-ku-shang-chuan

https://sites.google.com/site/zsgititit/home/arduino-yuscratch2/arduino-scratch2shi-yongdht11ce-liang-wen-du-yu-shi-du-bing-shang-chuan-daothingspeak

謝謝您!您的建議對我很有幫助!

我要發表回答

立即登入回答