Wokwi - Online ESP32, STM32, Arduino Simulator

#include <WiFi.h>
#include "PubSubClient.h"

// Thông tin MQTT
const char * MQTTServer = "broker.emqx.io";
const char * MQTT_Topic = "dennn";

// Tạo ID ngẫu nhiên tại: https://www.guidgen.com/
const char * MQTT_ID = "4572223a-b2d6-4fcb-a550-d63111f387eb";
int Port = 1883;

// Thông tin Wi-Fi
const char* ssid = "luxubu";          // Tên mạng Wi-Fi
const char* password = "12345678900"; // Mật khẩu Wi-Fi

WiFiClient espClient;
PubSubClient client(espClient);
const int ledPin = 2;

void WIFIConnect() {
  Serial.println("Connecting to Wi-Fi...");
  WiFi.begin(ssid, password);
  
  int attempts = 0; // Đếm số lần thử kết nối
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
    attempts++;
    if (attempts >= 30) {  // Giới hạn 30 lần thử (15 giây)
      Serial.println("Failed to connect to Wi-Fi");
      return;
    }
  }
  Serial.println("");
  Serial.print("WiFi connected, IP address: ");
  Serial.println(WiFi.localIP());
}

void MQTT_Reconnect() {
  int retries = 0;
  while (!client.connected()) {
    Serial.print("Attempting MQTT connection...");
    if (client.connect(MQTT_ID)) {
      Serial.println("connected");
      client.subscribe(MQTT_Topic);
    } else {
      retries++;
      Serial.print("failed, rc=");
      Serial.print(client.state());
      Serial.println(" try again in 5 seconds");
      if (retries >= 10) {  // Giới hạn 10 lần thử kết nối MQTT
        Serial.println("MQTT connection failed after several attempts");
        return;
      }
      delay(5000);
    }
  }
}

void callback(char* topic, byte* message, unsigned int length) {
  Serial.print("Message arrived on topic: ");
  Serial.println(topic);
  
  String stMessage;
  for (int i = 0; i < length; i++) {
    stMessage += (char)message[i];
  }
  Serial.println("Message: " + stMessage);

  if (stMessage == "on") {
    digitalWrite(ledPin, HIGH);  // Bật LED
  } else if (stMessage == "off") {
    digitalWrite(ledPin, LOW);   // Tắt LED
  }
}

void setup() {
  Serial.begin(115200);
  pinMode(ledPin, OUTPUT); // Cấu hình chân LED

  WIFIConnect();  // Kết nối Wi-Fi
  client.setServer(MQTTServer, Port);
  client.setCallback(callback);
}

void loop() {
  if (!client.connected()) {
    MQTT_Reconnect(); // Nếu mất kết nối MQTT, thử kết nối lại
  }
  client.loop(); // Xử lý các tin nhắn MQTT

  delay(10);  // Delay ngắn để tránh quá tải CPU
}
// <!DOCTYPE html>
// <html lang="en">
//   <head>
//     <meta charset="UTF-8" />
//     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
//     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
//     <script
//       src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.min.js"
//       type="text/javascript"
//     ></script>
//     <script
//       src="https://code.jquery.com/jquery-3.6.1.min.js"
//       type="text/javascript"
//     ></script>
//     <style>
//       body {
//         font-family: Arial, sans-serif;
//         display: flex;
//         justify-content: center;
//         align-items: center;
//         height: 100vh;
//         margin: 0;
//         background-color: #f4f4f9;
//       }

//       button {
//         padding: 15px 30px;
//         font-size: 18px;
//         margin: 10px;
//         cursor: pointer;
//         border: none;
//         border-radius: 5px;
//         background-color: #4caf50;
//         color: white;
//       }

//       button:hover {
//         background-color: #45a049;
//       }
//     </style>
//   </head>
//   <body>
//     <button class="bat">Bật LED</button>
//     <button class="tat">Tắt LED</button>
//   </body>
// </html>

// <script>
//   var client;
//   var isConnected = false; // Biến kiểm tra trạng thái kết nối

//   function onConnect() {
//     console.log("MQTT Connected");
//     isConnected = true; // Đánh dấu là kết nối thành công
//   }

//   function onConnectionLost(responseObject) {
//     isConnected = false; // Nếu mất kết nối thì đánh dấu là chưa kết nối
//     if (responseObject.errorCode !== 0) {
//       console.log("onConnectionLost:" + responseObject.errorMessage);
//     }
//   }

//   function onMessageArrived(message) {
//     console.log("onMessageArrived:" + message.payloadString);
//   }

//   function sendMessage(message) {
//     if (isConnected) {
//       client.send(message);
//     } else {
//       console.log("MQTT client is not connected.");
//     }
//   }

//   // Kết nối MQTT
//   client = new Paho.MQTT.Client(
//     "broker.emqx.io",
//     Number(8083),
//     "417f0deb-0e16-4295-835b-f86c0473822b"
//   );
//   client.onConnectionLost = onConnectionLost;
//   client.onMessageArrived = onMessageArrived;
//   client.connect({ onSuccess: onConnect });

//   // Bật LED
//   $(".bat").click(function () {
//     if (isConnected) {
//       message = new Paho.MQTT.Message("on");
//       message.destinationName = "dennn";
//       sendMessage(message);
//     } else {
//       console.log("MQTT client is not connected.");
//     }
//   });

//   // Tắt LED
//   $(".tat").click(function () {
//     if (isConnected) {
//       message = new Paho.MQTT.Message("off");
//       message.destinationName = "dennn";
//       sendMessage(message);
//     } else {
//       console.log("MQTT client is not connected.");
//     }
//   });
// </script>