Toggle Swith in EasyBuilderPro HMI 控制 Wokwi 的 LED

 

Toggle Swith in EasyBuilderPro HMI  控制Wokwi 的 LED ON / OFF

參考來源 https://bermainwokwi.blogspot.com/p/1-koneksi-mqtt.html#delapan

const char* mqtt_server = "mqtt-dashboard.com";   // 設定 MQTT Broker 伺服器位址

const char* mqtt_topic = "alex9ufo/ebpro_wokwi/led/status";  // 設定訂閱的 MQTT 主題（Topic）名稱

Download EasyBuilder Pro (EBPro)  EasyBuilderPro_download

WOKWI程式

#include <WiFi.h>          // 引入 ESP32 的 WiFi 模組函式庫，用於處理無線網路連線

#include <PubSubClient.h>    // 引入 MQTT 協定函式庫，用於傳輸與接收 MQTT 訊息

#define BUILTIN_LED 2      // 定義板載 LED 所連接的引腳（GPIO 2）

const char* ssid = "Wokwi-GUEST";                 // 設定 WiFi 的 SSID（名稱）

const char* password = "";                        // 設定 WiFi 的密碼（此處為無密碼）

const char* mqtt_server = "mqtt-dashboard.com";   // 設定 MQTT Broker 伺服器位址

const char* mqtt_topic = "alex9ufo/ebpro_wokwi/led/status";  // 設定訂閱的 MQTT 主題（Topic）名稱

WiFiClient espClient;          // 建立 ESP32 的網路客戶端物件

PubSubClient client(espClient); // 將網路客戶端傳入 MQTT 函式庫，建立 MQTT 客戶端實例

// 自定義函式：負責連接 WiFi

void setup_wifi() {

  Serial.print("Connecting to WiFi...");  // 在序列埠監控器輸出提示字串

  WiFi.begin(ssid, password);             // 開始連線至指定 SSID 與密碼的 WiFi

 

  // 檢查連線狀態，若尚未成功連線就每隔 0.5 秒印出一個點

  while (WiFi.status() != WL_CONNECTED) {

    delay(500);                           // 延遲 500 毫秒

    Serial.print(".");                    // 輸出點點表示進度

  }

 

  // 連線成功後，顯示訊息並印出取得的局域網 IP 位址

  Serial.println("\nWiFi connected! IP: " + WiFi.localIP().toString());

}

// MQTT 回呼函式：當訂閱的主題收到新訊息時會自動執行

void callback(char* topic, byte* payload, unsigned int length) {

  String message;  // 宣告一個字串變數用來儲存接收到的訊息內容

 

  // 將 byte 陣列類型的 payload 逐字轉成字串

  for (unsigned int i = 0; i < length; i++) {

    message += (char)payload[i];

  }

  // 印出訊息發生的主題與具體內容

  Serial.printf("Message arrived [%s]: %s\n", topic, message.c_str());

  // 判斷 JSON 內容：若字串中包含 "true" (忽略大小寫) 則點亮 LED，否則關閉

  if (message.indexOf("true") != -1) {

    digitalWrite(BUILTIN_LED, HIGH);  // 點亮 LED

  } else if (message.indexOf("false") != -1) {

    digitalWrite(BUILTIN_LED, LOW);   // 熄滅 LED

  }

}

// 自定義函式：負責 MQTT 斷線重連

void reconnect() {

  // 當 MQTT 處於未連線狀態時持續嘗試

  while (!client.connected()) {

    Serial.print("Attempting MQTT connection...");

   

    // 產生一個隨機的 Client ID（例如 ESP32Client-A3F1），避免多台裝置使用相同 ID 斷線

    String clientId = "ESP32Client-" + String(random(0xffff), HEX);

   

    // 嘗試連線至 MQTT Broker

    if (client.connect(clientId.c_str())) {

      Serial.println("connected");     // 連線成功提示

      client.subscribe(mqtt_topic);    // 重新訂閱指定主題以接收訊息

    } else {

      // 連線失敗時印出錯誤代碼（rc）並等待 5 秒後重試

      Serial.printf("failed, rc=%d try again in 5 seconds\n", client.state());

      delay(5000);                     // 等待 5000 毫秒

    }

  }

}

// ESP32 初始化設定函式（只會在開機或重置時執行一次）

void setup() {

  pinMode(BUILTIN_LED, OUTPUT);  // 設定 BUILTIN_LED 引腳為輸出模式

  Serial.begin(115200);          // 初始化序列埠通訊，波特率設定為 115200

 

  setup_wifi();                  // 呼叫 setup_wifi 連接網路

 

  client.setServer(mqtt_server, 1883);  // 設定 MQTT 伺服器位址與 Port（預設 1883）

  client.setCallback(callback);         // 指定接收訊息時處理的回呼函式

}

// 主程式無窮迴圈（持續重複執行）

void loop() {

  // 檢查 MQTT 連線狀態，若斷開則呼叫 reconnect() 重連

  if (!client.connected()) reconnect();

 

  client.loop();  // 保持 MQTT 客戶端的運作，處理心跳包（Keep-Alive）與接收新訊息

}