Wokwi - Online ESP32, STM32, Arduino Simulator

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

const char *MQTTServer = "broker.emqx.io";
const char *MQTT_Topic = "LEDALL";
const char *MQTT_ID = "MyClient"; // Đặt MQTT Client ID
int Port = 1883;

WiFiClient espClient;
PubSubClient client(espClient);
const int redPin = 2;
const int yellowPin = 4;
const int greenPin = 5;
int maudo = 0;
int mauxanh = 0;
int mauvang = 0;

void WIFIConnect() {
  Serial.println("Connecting to SSID: Wokwi-GUEST");
  WiFi.begin("Wokwi-GUEST", ""); // Thêm mật khẩu WiFi của bạn ở đây
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }
  Serial.println("");
  Serial.print("WiFi connected, IP address: ");
  Serial.println(WiFi.localIP());
}

void MQTT_Reconnect() {
  while (!client.connected()) {
    if (client.connect(MQTT_ID)) {
      Serial.print("MQTT Client: ");
      Serial.print(MQTT_ID);
      Serial.println(" connected");
      client.subscribe(MQTT_Topic);
    } else {
      Serial.print("MQTT connection failed, rc=");
      Serial.print(client.state());
      Serial.println(" try again in 5 seconds");
      delay(5000);
    }
  }
}

void callback(char *topic, byte *message, unsigned int length) {
  Serial.print("Message arrived on topic: ");
  Serial.println(topic);
  Serial.print("Message: ");
  String stMessage;

  for (int i = 0; i < length; i++) {
    Serial.print((char)message[i]);
    stMessage += (char)message[i];
  }

  StaticJsonDocument<200> doc;
  DeserializationError err = deserializeJson(doc, stMessage);

  if (!err) {
    mauvang = doc["vang"];
    mauxanh = doc["xanh"];
    maudo = doc["do"];
  } else {
    Serial.print("JSON parsing failed: ");
    Serial.println(err.c_str());
  }

  client.publish(MQTT_Topic, "Thanh cong");

  Serial.print("maudo: ");
  Serial.println(maudo);
  Serial.print("mauvang: ");
  Serial.println(mauvang);
  Serial.print("mauxanh: ");
  Serial.println(mauxanh);
}

void setup() {
  Serial.begin(115200);

  WIFIConnect();
  client.setServer(MQTTServer, Port);
  client.setCallback(callback);
  pinMode(redPin, OUTPUT);
  pinMode(yellowPin, OUTPUT);
  pinMode(greenPin, OUTPUT);
}

void loop() {
  delay(10);
  if (mauvang) {
    digitalWrite(yellowPin, HIGH);
    delay(mauvang);
    digitalWrite(yellowPin, LOW);
  }

  if (mauxanh) {
    digitalWrite(greenPin, HIGH);
    delay(mauxanh);
    digitalWrite(greenPin, LOW);
  }

  if (maudo) {
    digitalWrite(redPin, HIGH);
    delay(maudo);
    digitalWrite(redPin, LOW);
  }
  if (WiFi.status() == WL_CONNECTED) {
    if (!client.connected()) {
      MQTT_Reconnect();
    }
    client.loop();
  }
}










// <!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>
// </head>

// <body>
// <h3>Thời gian đèn vang bật (đơn vị là giây)</h3>
// <input type="text" class="vang" placeholder="Vàng">
// <br>
// <h3>Thời gian đèn xanh bật (đơn vị là giây)</h3>
// <input type="text" class="xanh" placeholder="Xanh">
// <br>
// <h3>Thời gian đèn do bật (đơn vị là giây)</h3>
// <input type="text" class="do" placeholder="Đỏ">
// <br>
// <button id="btnGui">Lưu</button>
// </body>

// <script>
// $('#btnGui').click(function(){
// var redPin = $('.do').val()*1000;
// var yellowPin = $('.vang').val()*1000;
// var greenPin = $('.xanh').val()*1000;
// var dulieu = {
// 'do' : redPin,
// 'xanh' : greenPin,
// 'vang' : yellowPin,
// };
// var chuoi_json = JSON.stringify(dulieu);
// alert(chuoi_json);
// message = new Paho.MQTT.Message (chuoi_json);
// message .destinationName = "LEDALL";
// client.send(message);
// });

// client = new Paho.MQTT.Client("broker.emqx.io", Number(8083), "ecf13803-a2c2-4813-b77a-610805d58bbc");

// client.onConnectionLost = onConnectionLost;
// client.onMessageArrived = onMessageArrived;

// client.connect({ onSuccess: onConnect });

// function onConnect() {
// console.log("onConnect");
// client.subscribe("LEDALL");
// }

// function onConnectionLost(responseObject) {
// if (responseObject.errorCode !== 0) {
// console.log("onConnectionLost:" + responseObject.errorMessage);
// }
// }

// function onMessageArrived(message) {
// console.log("onMessageArrived:" + message.payloadString);
// var a = message.payloadString;
// $("#nd").text(a);
// }

// </script>
// </html>