|
參考課本第 14 章 204 頁 MQTT

範例一:
使用一個 MQTT Broker,讓電腦與手機互通訊息。
以下 電腦推播訊息,手機接收。
- 網頁開啟(MQTT Broker) mqttgo.io 免費伺服網站。
以下 MyMQTT 或 ioT MQTT Panel 都可以。(以下以 MyMQTT 做範例)


- 到手機商店下載免費 MQTT app。

- 下載完成後開啟 app,並輸入網址。(無須帳密)

- 到 Broker 網頁設定推播訊息。假設 主題 (Topic) 訂為 abcd

- 手機 app 訂閱 MQTT Broker 的 Topic。(注意:Topic 為 abcd 不要打錯)
- 觀察手機是否收到訊息,若未收到,請到網站 MQTT Broker 處再推播一次。(被動式,有推播才有)

以下 手機推播訊息,電腦接收。
- 手機 app 設定主題 (Topic) 為 Xyz,訊息為 hi 我是 775,並推播出去。

- 電腦端 MQTT Broker 訂閱 Topic 為 Xyz。

- 手機端推播一下訊息,並察看電腦是否收到訊息。(有時會 lag 或是失誤,手機 app 可再推播一下訊息。

範例二:
使用一個 MQTT Broker,讓 esp32 與電腦互通訊息。
- esp32 程式碼燒錄完成。(滑鼠點裡面,Ctrl-A,Ctrl-C,再到 Arduino IDE Ctrl-V)
- 觀察 Serial 通訊視窗,確認 WiFi 與 MQTT 是否連線成功。

- 開啟 MQTT Broker 設定推播主題(Toplic):7302Led

- 推播 "1" 讓 ESP32 led 亮。(注意傳輸字元 1 個位元)

- 推播 "0" 讓 ESP32 led 滅。(注意傳輸字元 1 個位元)

- 訂閱主題:HCVS-Led,並等待 esp32 推播訊號至 MQTT 版面。



【完成影片】
|