- Einzigartige Atmosphäre: Dank 16 Mio. Farben und kühlen bis warmen Weißtönen schafft die dimmbare Philips Hue Lightbar für jeden Anlass die passende Stimmung
- Einfache Installation: Dank ihres kompakten Designs mit schwarzem Gehäuse und Halterungen passt sich die LED Bar jedem Raum an und erzeugt keine Blendwirkung während der Nutzung
- Welche komponenten sind im lieferumfang des produkts enthaltenen: 2x Leuchte inkl. LED integriert, 1 Netzteil mit Euro-Stecker, 2 Tischständer, 2 Wand- / TV-Halterungen, Montage-Set mit Klebepads, Schrauben und Imbusschlüssel
Hast du dir jemals gewünscht, Automationen in Home Assistant noch einfacher und flexibler zu steuern? Mit Webhooks ist das jetzt möglich! Sie ermöglichen dir, Aktionen in deinem Smart Home durch einen einfachen URL-Aufruf auszulösen – und das eröffnet dir spannende neue Möglichkeiten.
Stell dir vor, du kannst eine Lampe einschalten, Rollos steuern oder sogar komplexe Automationen starten – alles per Klick auf einen Link. Egal ob direkt aus dem Browser, über Skripte oder von anderen Geräten, Webhooks sind ein mächtiges Werkzeug für dein Smart Home.
Im Video zeige ich dir:
- Wie du Webhooks in Home Assistant einrichtest.
- Wie du URL-Aufrufe nutzt, um Aktionen auszulösen – schnell und einfach.
- Wie du sicherstellst, dass dein System geschützt bleibt, während du maximale Flexibilität erreichst.
Warum Webhooks für dein Smart Home?
Webhooks eröffnen dir unzählige neue Möglichkeiten. Du kannst sie verwenden, um externe Systeme einzubinden, Automationen effizienter zu gestalten oder ganz neue Ideen für dein Zuhause umzusetzen. Ob Anfänger oder erfahrener Nutzer – dieses Feature wird dein Smart Home auf ein neues Level heben!
Neugierig? Schau dir jetzt das Video an und entdecke, wie du Webhooks nutzen kannst, um dein Zuhause smarter zu machen.
Quelltexte zum Video
Automation
alias: webhook_cover_test
description: ""
triggers:
- trigger: webhook
allowed_methods:
- POST
- PUT
- GET
- HEAD
local_only: false
webhook_id: xmOWToHLr-HbcGouTRXKL4_jl
conditions: []
actions:
- alias: JSON Daten ausgeben
if:
- condition: template
value_template: "{{ trigger.json is defined and trigger.json.position is defined }}"
then:
- data:
message: "Json: {{ trigger.json.position | default('keine Daten') }}"
action: notify.mobile_app_pixel_7_pro_daniel
- alias: Formular Daten ausgeben
if:
- condition: template
value_template: "{{ trigger.data is defined and trigger.data.position is defined }}"
then:
- data:
message: "Data: {{ trigger.data.position | default('keine Daten') }}"
action: notify.mobile_app_pixel_7_pro_daniel
- alias: URL Parameter Daten ausgeben
if:
- condition: template
value_template: "{{ trigger.query is defined and trigger.query.position is defined }}"
then:
- data:
message: "Query: {{ trigger.query.position | default('keine Daten') }}"
action: notify.mobile_app_pixel_7_pro_daniel
- data:
position: "{{ trigger.json.position | default(0) | int }}"
target:
entity_id: cover.hobbyraum_gardine
action: cover.set_cover_position
mode: single
HTML für POST-Formular
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webhook Formular</title>
</head>
<body>
<h1>Webhook Formular Daten</h1>
<form id="webhook-form">
<label for="position">Helligkeitswert (0-100):</label>
<input type="text" id="position" name="position" required>
<button type="submit">Senden</button>
</form>
<p id="status"></p>
<script>
document.getElementById('webhook-form').addEventListener('submit', function (event) {
event.preventDefault(); // Verhindert das automatische Neuladen der Seite
const formData = new FormData(document.getElementById('webhook-form'));
fetch('http://192.168.5.102:8123/api/webhook/xmOWToHLr-HbcGouTRXKL4_jl', {
method: 'POST',
body: formData
})
.then(response => {
if (response.ok) {
document.getElementById('status').textContent = 'Daten erfolgreich gesendet!';
} else {
document.getElementById('status').textContent = 'Fehler beim Senden der Daten.';
}
})
.catch(error => {
document.getElementById('status').textContent = 'Netzwerkfehler: ' + error.message;
});
});
</script>
</body>
</html>HTML Formular mit Parameter als JSON
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webhook Formular</title>
</head>
<body>
<h1>Webhook Formular Daten</h1>
<form id="webhook-form">
<label for="position">Position (0-100):</label>
<input type="text" id="position" name="position" required>
<button type="submit">Senden</button>
</form>
<p id="status"></p>
<script>
document.getElementById('webhook-form').addEventListener('submit', function (event) {
event.preventDefault(); // Verhindert das automatische Neuladen der Seite
const position = document.getElementById('position').value;
fetch('http://192.168.5.102:8123/api/webhook/xmOWToHLr-HbcGouTRXKL4_jl', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ position })
})
.then(response => {
if (response.ok) {
document.getElementById('status').textContent = 'Daten erfolgreich gesendet!';
} else {
document.getElementById('status').textContent = 'Fehler beim Senden der Daten.';
}
})
.catch(error => {
document.getElementById('status').textContent = 'Netzwerkfehler: ' + error.message;
});
});
</script>
</body>
</html>
Solltet Ihr noch Fragen haben, schaut einfach auf unserem Discord vorbei. Dort kann euch sicher bei eurem Problem geholfen werden!
https://smarthomeyourself.de/discord
Falls Ihr mehr über Home Assistant wissen wollt, werft gerne einen Blick in meine Home Assistant Playlist auf YouTube:
Playlist:
https://www.youtube.com/watch?v=wZ1Qd0wDY8Y&list=PLtEjuZQyAkqHBqpF8Pg5hjqCMIht74OmS
Ansonsten findet Ihr jede Menge weiterer Informationen rund um Home Assistant in unserem Wiki: