Vue3 Vite搭配MQTT實現模擬監控IOT設備聯網
首先需要先安裝mosquitto作為broker,工具使用MQTTX模擬MQTT的運作,再用vite快速建立Vue3新專案,然後引用mqtt.js來與MQTT建立連線並顯示從設備機台傳送來的數據。
Vue3 Vite+Javascript引用Plotly.js實作統計圖表-以P-chart不良率管制圖為例
先用vite快速建立Vue3新專案,預設程式語言為Javascript,然後一步一步安裝Plotly.js並引用實作統計管制圖表,以P-chart不良率管制圖為例(簡稱:P 管制圖)