MQTT Visualisierte Steuerung Aktor - Versionsgeschichte

Thomas.will: /* Konfiguration des Node.js-Servers */

2024-11-04T14:20:24Z

Konfiguration des Node.js-Servers

Thomas.will: /* MQTT-Nachrichten senden */

2024-10-30T14:57:12Z

MQTT-Nachrichten senden

Thomas.will: /* MQTT-Nachrichten senden */

2024-10-30T13:55:43Z

MQTT-Nachrichten senden

Thomas.will: /* MQTT-Nachrichten senden */

2024-10-30T13:55:21Z

MQTT-Nachrichten senden

Thomas.will: /* Server starten */

2024-10-30T13:53:39Z

Server starten

Thomas.will: /* HTML-Datei erstellen */

2024-10-30T13:41:15Z

HTML-Datei erstellen

Thomas.will: /* Voraussetzungen */

2024-10-30T09:58:46Z

Voraussetzungen

Thomas.will: /* Zusammenfassung */

2024-10-30T09:56:22Z

Zusammenfassung

Thomas.will: /* Server starten */

2024-10-30T09:56:01Z

Server starten

Thomas.will: /* Licht im Wohnzimmer einschalten */

2024-10-30T09:55:38Z

Licht im Wohnzimmer einschalten

@@ Zeile 16: / Zeile 16: @@
 Erstelle die Datei server.js im Verzeichnis /usr/local/control mit folgendem Inhalt:
 <pre>
 const mqtt = require('mqtt');
 const express = require('express');
@@ Zeile 21: / Zeile 22: @@
 const app = express();
 const port = 3000;
 let status = {
@@ Zeile 29: / Zeile 31: @@
 };
-// MQTT-Verbindung herstellen
+// MQTT connection options (without TLS for unencrypted communication)
-const client = mqtt.connect('mqtt://mqtt.dkbi.int:1883', {
+const options = {
-  // username: 'xinux',
+ // username: 'xinux',
-   // password: 'secret'
+ // password: '123Start$',
-});
+ // port: 8883,
 client.on('connect', () => {
-   console.log('Connected to the broker');
+   console.log('Connected to the MQTT broker');
    client.subscribe('home/+/status', (err) => {
      if (!err) {
@@ Zeile 50: / Zeile 59: @@
 });
-// API route to get the status of the lights and front door
+// Route to get the status of the lights and front door
 app.get('/status', (req, res) => {
    res.send(status);
 });
-// Serve static directory for the web interface
+// Route to toggle a device
 app.use(express.static(path.join(__dirname)));
 // Start the web server
 app.listen(port, () => {
-   console.log(`Control Center is running at http://0.0.0.0:${port}`);
+   console.log(`Control Center is running at http://localhost:${port}`);
 });
 </pre>

@@ Zeile 158: / Zeile 158: @@
 ==== Licht im Wohnzimmer einschalten ====
-* mosquitto_pub -h mqtt.dkbi.int -t home/livingroom/status -m "on"
+* mosquitto_pub -h mqtt.dkbi.int -t home/livingRoom/status -m "on"
 ==== Licht im Wohnzimmer ausschalten ====
-* mosquitto_pub -h mqtt.dkbi.int -t home/livingroom/status -m "off"
+* mosquitto_pub -h mqtt.dkbi.int -t home/livingRoom/status -m "off"
 ==== Haustür öffnen ====
-* mosquitto_pub -h mqtt.dkbi.int -t home/frontdoor/status -m "open"
+* mosquitto_pub -h mqtt.dkbi.int -t home/frontDoor/status -m "open"
 ==== Haustür schließen ====
-* mosquitto_pub -h mqtt.dkbi.int -t home/frontdoor/status -m "closed"
+* mosquitto_pub -h mqtt.dkbi.int -t home/frontDoor/status -m "closed"

@@ Zeile 158: / Zeile 158: @@
 ==== Licht im Wohnzimmer einschalten ====
-* mosquitto_pub -h mqtt.dkbi.com -t home/livingroom/status -m "on"
+* mosquitto_pub -h mqtt.dkbi.int -t home/livingroom/status -m "on"
 ==== Licht im Wohnzimmer ausschalten ====
-* mosquitto_pub -h mqtt.dkbi.com -t home/livingroom/status -m "off"
+* mosquitto_pub -h mqtt.dkbi.int -t home/livingroom/status -m "off"
 ==== Haustür öffnen ====
-* mosquitto_pub -h mqtt.dkbi.com -t home/frontdoor/status -m "open"
+* mosquitto_pub -h mqtt.dkbi.int -t home/frontdoor/status -m "open"
 ==== Haustür schließen ====
-* mosquitto_pub -h mqtt.dkbi.com -t home/frontdoor/status -m "closed"
+* mosquitto_pub -h mqtt.dkbi.int -t home/frontdoor/status -m "closed"

← Nächstältere Version		Version vom 30. Oktober 2024, 13:55 Uhr
Zeile 155:		Zeile 155:


−	==== MQTT-Nachrichten senden ====	+	=== MQTT-Nachrichten senden ===

	==== Licht im Wohnzimmer einschalten ====		==== Licht im Wohnzimmer einschalten ====

@@ Zeile 153: / Zeile 153: @@
 ==== Öffne deinen Browser und gehe zu ====
 * http://aktor.dkbi.com:3000
 ==== MQTT-Nachrichten senden ====
 ==== Licht im Wohnzimmer einschalten ====
-* mosquitto_pub -h $MQTTSERVER -t home/wohnzimmer/status -m "on"
+* mosquitto_pub -h mqtt.dkbi.com -t home/livingroom/status -m "on"
 ==== Licht im Wohnzimmer ausschalten ====
-* mosquitto_pub -h $MQTTSERVER -t home/wohnzimmer/status -m "off"
+* mosquitto_pub -h mqtt.dkbi.com -t home/livingroom/status -m "off"
 ==== Haustür öffnen ====
-* mosquitto_pub -h $MQTTSERVER -t home/haustuer/status -m "offen"
+* mosquitto_pub -h mqtt.dkbi.com -t home/frontdoor/status -m "open"
 ==== Haustür schließen ====
-* mosquitto_pub -h $MQTTSERVER -t home/haustuer/status -m "geschlossen"
+* mosquitto_pub -h mqtt.dkbi.com -t home/frontdoor/status -m "closed"

@@ Zeile 74: / Zeile 74: @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-   <title>Control Center</title>
+   <title>Devices</title>
    <style>
      .device {
@@ Zeile 83: / Zeile 83: @@
        font-size: 1.5em;
+     }
-     .on {
+     .lamp-on {
-       background-color: green;
+       background-color: yellow;
        color: white;
+     }
-     .off {
+     .door-open {
        background-color: red;
        color: white;
+     }
-     .open {
+     .door-closed {
        background-color: gray;
        color: white;
@@ Zeile 105: / Zeile 105: @@
          .then(response => response.json())
          .then(data => {
-           document.getElementById('livingRoom').className = 'device ' + (data.livingRoom === 'on' ? 'on' : 'off');
+           document.getElementById('livingRoom').className = 'device ' + (data.livingRoom === 'on' ? 'lamp-on' : 'lamp-off');
-           document.getElementById('bedroom').className = 'device ' + (data.bedroom === 'on' ? 'on' : 'off');
+           document.getElementById('bedroom').className = 'device ' + (data.bedroom === 'on' ? 'lamp-on' : 'lamp-off');
-           document.getElementById('kitchen').className = 'device ' + (data.kitchen === 'on' ? 'on' : 'off');
+           document.getElementById('kitchen').className = 'device ' + (data.kitchen === 'on' ? 'lamp-on' : 'lamp-off');
-           document.getElementById('frontDoor').className = 'device ' + (data.frontDoor === 'open' ? 'open' : 'closed');
+           document.getElementById('frontDoor').className = 'device ' + (data.frontDoor === 'open' ? 'door-open' : 'door-closed');
          });
+     }
@@ Zeile 116: / Zeile 116: @@
 </head>
 <body>
-   <h1>Control Center</h1>
+   <h1>Devices</h1>
-   <div id="livingRoom" class="device off">Living Room Light: Off</div>
+   <div id="livingRoom" class="device lamp-off">Living Room Light</div>
-   <div id="bedroom" class="device off">Bedroom Light: Off</div>
+   <div id="bedroom" class="device lamp-off">Bedroom Light</div>
-   <div id="kitchen" class="device off">Kitchen Light: Off</div>
+   <div id="kitchen" class="device lamp-off">Kitchen Light</div>
-   <div id="frontDoor" class="device closed">Front Door: Closed</div>
+   <div id="frontDoor" class="device door-closed">Front Door</div>
 </body>
 </html>

@@ Zeile 1: / Zeile 1: @@
 === Voraussetzungen ===
 *[[Voraussetzungen für Node.js-Projekt]]
 ==== Neues Verzeichnis für das Projekt erstellen ====

← Nächstältere Version		Version vom 30. Oktober 2024, 09:56 Uhr
Zeile 171:		Zeile 171:
	==== Haustür schließen ====		==== Haustür schließen ====
	* mosquitto_pub -h $MQTTSERVER -t home/haustuer/status -m "geschlossen"		* mosquitto_pub -h $MQTTSERVER -t home/haustuer/status -m "geschlossen"
−
−	~~=== Zusammenfassung ===~~
−	Dieses Projekt ermöglicht die Steuerung von Wohnzimmer, Schlafzimmer, Küchen Lichtern und des Haustüröffners, mit einer visuellen Darstellung des Status über eine farbcodierte Webseite. Die MQTT-Nachrichten steuern die Geräte und zeigen deren aktuellen Zustand an.