MQTT Visualisierte Steuerung von Lichtern und Haustüröffner: Unterschied zwischen den Versionen

Aktuelle Version vom 29. Oktober 2024, 11:36 Uhr

Voraussetzungen

Voraussetzungen für Node.js-Projekt

Neues Verzeichnis für das Projekt erstellen

mkdir /usr/local/control
cd /usr/local/control

Initialisiere das Node.js-Projekt

npm init -y

Installiere die benötigten Pakete

npm install mqtt express

Konfiguration des Node.js-Servers

Erstelle die Datei server.js im Verzeichnis /usr/local/control mit folgendem Inhalt:

const mqtt = require('mqtt');
const express = require('express');
const path = require('path');
const app = express();
const port = 3000;

let status = {
  wohnzimmer: 'off',
  schlafzimmer: 'off',
  kueche: 'off',
  haustuer: 'geschlossen'
};

// MQTT-Verbindung herstellen
const client = mqtt.connect('mqtt://localhost:1883', {
  username: 'xinux',
  password: 'geheim'
});

client.on('connect', () => {
  console.log('Verbunden mit dem Broker');
  client.subscribe('home/+/status', (err) => {
    if (!err) {
      console.log('Alle Topics abonniert');
    }
  });
});

client.on('message', (topic, message) => {
  const room = topic.split('/')[1];
  status[room] = message.toString();
  console.log(`Status von ${room}: ${status[room]}`);
});

// API-Route für den Status der Lichter und Haustür
app.get('/status', (req, res) => {
  res.send(status);
});

// Statisches Verzeichnis für die Webseite
app.use(express.static(path.join(__dirname)));

// Starte den Webserver
app.listen(port, () => {
  console.log(`Webserver läuft auf http://localhost:${port}`);
});

HTML-Datei erstellen

Erstelle eine Datei index.html im selben Verzeichnis, die den Status der Lichter und des Haustüröffners anzeigt und eine visuelle Darstellung mit Farben bietet:

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Haussteuerung</title>
  <style>
    .device {
      margin: 20px;
      padding: 10px;
      border-radius: 10px;
      text-align: center;
      font-size: 1.5em;
    }
    .on {
      background-color: green;
      color: white;
    }
    .off {
      background-color: red;
      color: white;
    }
    .open {
      background-color: blue;
      color: white;
    }
    .closed {
      background-color: gray;
      color: white;
    }
  </style>
  <script>
    function fetchStatus() {
      fetch('/status')
        .then(response => response.json())
        .then(data => {
          document.getElementById('wohnzimmer').className = 'device ' + (data.wohnzimmer === 'on' ? 'on' : 'off');
          document.getElementById('schlafzimmer').className = 'device ' + (data.schlafzimmer === 'on' ? 'on' : 'off');
          document.getElementById('kueche').className = 'device ' + (data.kueche === 'on' ? 'on' : 'off');
          document.getElementById('haustuer').className = 'device ' + (data.haustuer === 'offen' ? 'open' : 'closed');
        });
    }

    setInterval(fetchStatus, 1000); // Alle 1 Sekunde den Status abrufen
  </script>
</head>
<body>
  <h1>Haussteuerung</h1>
  <div id="wohnzimmer" class="device off">Wohnzimmer Licht: Aus</div>
  <div id="schlafzimmer" class="device off">Schlafzimmer Licht: Aus</div>
  <div id="kueche" class="device off">Küchen Licht: Aus</div>
  <div id="haustuer" class="device closed">Haustür: Geschlossen</div>
</body>
</html>

systemd-Unit erstellen

Erstelle eine Datei /etc/systemd/system/control.service mit folgendem Inhalt:

[Unit]
Description=Home Control Center

[Service]
Type=simple
WorkingDirectory=/usr/local/control
ExecStart=/usr/bin/node server.js
ExecStartPost=/bin/echo "Home Control Center Start"

[Install]
WantedBy=multi-user.target

Server starten

systemd-Service starten

systemctl start control.service

systemd-Service beim Booten starten lassen

systemctl enable control.service

Öffne deinen Browser und gehe zu

http://localhost:3000

MQTT-Nachrichten senden

Zuerst definieren wir die Variable für den MQTT-Server:

Definiere die Variable für den MQTT-Server

export MQTTSERVER=mqtt.dkbi.int

Licht im Wohnzimmer einschalten

mosquitto_pub -h $MQTTSERVER -t home/wohnzimmer/status -m "on" -u xinux -P geheim

Licht im Wohnzimmer ausschalten

mosquitto_pub -h $MQTTSERVER -t home/wohnzimmer/status -m "off" -u xinux -P geheim

Haustür öffnen

mosquitto_pub -h $MQTTSERVER -t home/haustuer/status -m "offen" -u xinux -P geheim

Haustür schließen

mosquitto_pub -h $MQTTSERVER -t home/haustuer/status -m "geschlossen" -u xinux -P geheim

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.

@@ Zeile 1: / Zeile 1: @@
-==== Projekt: Visualisierte Steuerung von Lichtern und Haustüröffner ====
+=== Voraussetzungen ===
+*[[Voraussetzungen für Node.js-Projekt]]
-==== Voraussetzungen ====
-Es wird davon ausgegangen, dass Node.js, MQTT und die nötigen Pakete bereits installiert sind.
 ==== Neues Verzeichnis für das Projekt erstellen ====
-*'''mkdir home-control'''
+*'''mkdir /usr/local/control'''
-*'''cd home-control'''
+*'''cd /usr/local/control'''
 ==== Initialisiere das Node.js-Projekt ====
@@ Zeile 15: / Zeile 13: @@
 ==== Konfiguration des Node.js-Servers ====
-Erstelle die Datei '''server.js''' im Verzeichnis '''home-control''' mit folgendem Inhalt:
+Erstelle die Datei '''server.js''' im Verzeichnis '''/usr/local/control''' mit folgendem Inhalt:
 <pre>
@@ Zeile 127: / Zeile 125: @@
 </pre>
-==== Server starten ====
+==== systemd-Unit erstellen ====
+Erstelle eine Datei '''/etc/systemd/system/control.service''' mit folgendem Inhalt:
+<pre>
+[Unit]
+Description=Home Control Center
+[Service]
+Type=simple
+WorkingDirectory=/usr/local/control
+ExecStart=/usr/bin/node server.js
+ExecStartPost=/bin/echo "Home Control Center Start"
+[Install]
+WantedBy=multi-user.target
+</pre>
+=== Server starten ===
+==== systemd-Service starten ====
+*'''systemctl start control.service'''
-==== Starte den Node.js-Server im Projektverzeichnis ====
+==== systemd-Service beim Booten starten lassen ====
-*'''node server.js'''
+*'''systemctl enable control.service'''
 ==== Öffne deinen Browser und gehe zu ====
 *'''http://localhost:3000'''
+==== MQTT-Nachrichten senden ====
+Zuerst definieren wir die Variable für den MQTT-Server:
-==== MQTT-Nachrichten senden ====
+==== Definiere die Variable für den MQTT-Server ====
+*'''export MQTTSERVER=mqtt.dkbi.int'''
 ==== Licht im Wohnzimmer einschalten ====
-*'''mosquitto_pub -h localhost -t home/wohnzimmer/status -m "on"'''
+*'''mosquitto_pub -h $MQTTSERVER -t home/wohnzimmer/status -m "on" -u xinux -P geheim'''
 ==== Licht im Wohnzimmer ausschalten ====
-*'''mosquitto_pub -h localhost -t home/wohnzimmer/status -m "off"'''
+*'''mosquitto_pub -h $MQTTSERVER -t home/wohnzimmer/status -m "off" -u xinux -P geheim'''
 ==== Haustür öffnen ====
-*'''mosquitto_pub -h localhost -t home/haustuer/status -m "offen"'''
+*'''mosquitto_pub -h $MQTTSERVER -t home/haustuer/status -m "offen" -u xinux -P geheim'''
 ==== Haustür schließen ====
-*'''mosquitto_pub -h localhost -t home/haustuer/status -m "geschlossen"'''
+*'''mosquitto_pub -h $MQTTSERVER -t home/haustuer/status -m "geschlossen" -u xinux -P geheim'''
-==== Zusammenfassung ====
+=== 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.