YM 初擊/進擊創客

MQTT(3) 訂閱

EXP1/ESP8266 訂閱, public MQTT server, LED/開關控制

1.1 電路

1.2 實作

1.2.1 積木程式設計

連線到 http://easycoding.tn/tuniot/demos/code/
或離線版 TUNIOT(執行資料夾中 demo/code/index.html)

使用的 Public MQTT Server：broker.hivemq.com

訂閱 topic: /pymhs/00000/sw

完成之積木程式

儲存積木檔(.xml)，儲存 Arduino 程式碼(.ino)

1.2.2 MQTT Box 發布設定

使用的 Public MQTT Server：broker.hivemq.com

訂閱 topic: ymiot/1101B/班級座號/switch

從 chrome 應用程式開啟 MQTTBox

1, 2 配合實作設定修改

1.2.3 MQTT Dash App 發布設定(使用 text、switch)

1.3 DEMO

Arduino IDE 開啟載入程式碼(.ino)，選擇正確控制板，選擇正確連接埠，上傳燒錄。

開啟序列部視窗，設定傳輸速率 9600，確認成功連上 MQTT Server。

MQTTBox 發布開燈訊息

MQTTBox 發布關燈訊息

EXP2/ESP8266 訂閱, public MQTT server, 單一 PWM 類比控制

傳送接收 PWM 數值，做單一 GPIO 類比控制

2.1 電路

同 1.1

2.2 實作

2.2.1 積木程式設計

使用的 Public MQTT Server：broker.hivemq.com

訂閱 topic: ymiot/1101A/00000/pwm，接收訊息做 D0/GPIO16 的 PWM 控制

連線到 http://easycoding.tn/tuniot/demos/code/
或離線版 TUNIOT(執行資料夾中 demo/code/index.html)

完成之積木程式

2.2.2 MQTT Box 發布

2.2.3 MQTT Dash App 發布

EXP3/ESP8266 訂閱, public MQTT server, 多 LED 控制

3.1 電路

3.2 實作

使用的 Public MQTT Server：broker.hivemq.com

訂閱 topic: ymiot/1101B/班級座號/switch

3.2.1 積木程式設計

由 EXP1 擴充，自己先挑戰看看。

3.2.2 MQTT Box 發布設定

從 chrome 應用程式開啟 MQTTBox

1, 2 項，請配合課程實作修改

3.2.3 MQTT Dash App 發布設定

手機 MQTT Dash App 發布設定(使用 multichoice)

1 請配合課程實作修改

1, 2, 4, 9項，請配合課程實作修改

完成

3.3 DEMO

NodeMCU 在這個實作的角色是當訂閱者

使用的 Public MQTT Server：test.mosquitto.org:1883

訂閱 topic: ymiot/1101A/810000/switch

Arduino IDE 開啟載入程式碼(.ino)，選擇正確控制板，選擇正確連接埠，上傳燒錄。

開啟序列部視窗，設定傳輸速率 9600，確認成功連上 MQTT Server。

MQTTBox 發布

MQTTBox 發布

MQTT Dash App 發布

EXP4 Node-Red 流程設計

新增流程

Dashboard 新增群組

編輯群組

建立節點

節點

dashboard > button，名稱：D0 開
dashboard > button，名稱：D0 關
dashboard > dropdown，名稱：開關選單
dashboard > slider，名稱：D0 PWM
dashboard > slider，名稱：D1 PWM
dashboard > slider，名稱：D2 PWM
網路 > mqtt out，名稱：switch

編輯 1

編輯 2

編輯 3

編輯 4

編輯 5

編輯 6

編輯 7

Dashboard 布局

空白隔間，請於適當地方新增隔間，作布局配置

新增空白隔間

編輯空白隔間

Page updated

Report abuse