題目一: CSS + AJAX + JQuery + Node.js 應用

題目一: CSS + AJAX + JQuery + Node.js 應用

功能說明:

1. 瀏覽器利用AJAX 送出HTTP GET，URL路徑為/sensor/temp , 伺服端 (Node.js)會傳回Raspberry Pi CPU溫度.
2. 伺服端傳回格式為JSON , 如右格式: {“Sensor”: [{“Temp”:28}]}
3. 瀏覽器頁面必須及時更新溫度值, 並呈現如下內容. 溫度圖表設為20格,溫度範圍: 45~65 ℃

4. 當溫度 <= 55℃ 顯示綠色, >= 55 ℃ 黃色, >=60時℃顯示紅色

提示:

1.          讀取Raspberry Pi CPU溫度:  vcgencmd measure_temp

cat /sys/class/thermal/thermal_zone0/temp

2.          及時更新溫度的方式使用JQuery

3.          參考課程範例: WebFrontend/JQuery/industrial.js/demo.html  

4.          參考課程範例: Node_basic/example03/spwan.js  


完成結果: