ESPHome über den Browser steuern (Wie geht eigentlich ESPHome? | #23)

WERBUNG: Günstige und schnelle PCB, 3D Druck Fertigungs-Dienstleistungen www.pcbway.com/setinvite.aspx...
In diesem Video erkläre ich, wie man seine ESPHome Projekte mit Hilfe der web_server Komponente um ein Standard Webinterface erweitern kann. Darüber ist es anschließend möglich, den ESP auch über den Browser ganz ohne Home Assistant zu steuern oder die Sensordaten auszulesen.
Video Inhalt:
00:00 - Einleitung
02:19 - Vorbereitung: WLAN, API und Beispiel Integrationen
06:24 - Die Rest API des Webservers in ESPHome
09:07 - Allgemeines zur Web-Server Komponente in ESPHome
10:37 - Verbinden über den Access Point
12:12 - Weitere Anpassungsmöglichkeiten
15:30 - Aussehen anpassen mit css_include
18:02 - Geräte tauchen nicht in der Web-Oberfläche auf?
Links:
ESPHome: esphome.io
Web-Server Component: esphome.io/components/web_ser...
Rest-API: esphome.io/web-api/index.html...
Verwendete Bauteile:
D1 mini: amzn.to/3o2zirG *
Breadboard: amzn.to/3HmcOuF *
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Ihr möchtet meine Arbeit unterstützen?
Mitglied werden: / @smarthomeyourself
Amazon Empfehlungen: www.amazon.de/shop/smarthomey... *
Fan-Shop: smarthomeyourself.de/merch
Wenn Ihr etwas von Ebay oder Amazon bestellt, nutzt dafür gerne meine Affiliate-Links:
Ebay-Partner-Link: ebay.us/7RBSKn *
Amazon-Partner-Link: amzn.to/2O7Z1x3 *
Oder spendet einen frei wählbaren Betrag unter: smarthomeyourself.de/spende
oder paypal.me/ScheidlerITSolutions
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Kommt gerne auch auf unserem Discord vorbei:
/ discord
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Mein Video-Zubehör:
Kamera: Panasonic Lumix DMC-G81MEG-K (amzn.to/2UoafPp)*
GoPro HERO9: (amzn.to/3GH9YQo)*
Andoer SGC-598 Kondensator-Mikrofon (amzn.to/2RPZ19B)*
Zoom H2n Audio-Recorder (amzn.to/3kZGZMa)*
Hauser 200W ESL + Durchlicht Schirm Weiß (amzn.to/2HyYtjx)*
2x Neewer LED-Panel (amzn.to/3cH8NBO)*
SD-Karten: SanDisk Extreme PRO 128GB SDXC Class 10 U3 (amzn.to/2CMaxrV)*
Adobe Premiere/Photoshop Elements 2020 (amzn.to/2MMimU6)*
Stream Deck: (amzn.to/3mSp23a)*
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
* Bei allen Amazon Links handelt es sich um Affiliate-Links. Heißt für jeden Kauf über die Links erhalte ich eine kleine Provision. Ihr bezahlt natürlich weiterhin den selben Preis wie sonst auch.
Vielen Dank für eure Unterstützung!

[@HansEuski]

Faszinierend was mit esp alles geht, Danke für die coole Serie.

[@pb59tmy]

Wieder was gelernt. Danke für diese Serie!

[@zorrex2693]

Einfach Spitze, bitte weiter so, Frohe Weihnachten und bleib gesund. :-)

[@fiedlerbernd]

Wie immer sehr sehr gut erklärt und präsentiert 😊

[@uweharbich994]

Sehr gut erklärt! ...und einiges gelernt, danke LG Uwe

[@sensai2006]

Wieder mal sehr informativ und ausführlich erklärt, danke 👍

[@Smarthomeyourself]

Danke für das Lob! Und vor allem für deine Treue Teilnahme hier Video um Video :) (und das ja nicht erst seit dieser Serie)

[@sensai2006]

@@Smarthomeyourself Dürften so ca. 3+ Jahre sein, zumindest erinnere ich mich noch rege an deine V1 ;)

[@Fazer1962]

Sehr schön erklärt.👍

[@herwigg3327]

gibt es eine Möglichkeit, über diese Webseite die Credentials für das WLAN abzufragen ... also wenn man Sensoren erzeugt, die in anderen WLANs verwendet werden sollen (inkl. Anzeige der verfügbaren ssids?)

[@user-ue7ie2kl9k]

Vielen Dank für das Informative Video. Ich würde gerne die webserver version 3 offline verwenden wollen. Doch leider finde ich keine CSS Datei. Weiß jemand wo man diese findet ?

[@thomaskonold2088]

bei mir gehs auch nicht wirklich nach css auslagrungen konnte ich 1 mal kurz was sehen aber ohne mein sensor bz wurde kurz angezeigt. was ich bemerkt hat ohne mobiles internet am handy kommt weise seite und mit findet er nichts mehr

[@heikohofi644]

Ich bin schwer beeindruckt, vielen Dank dafür. Eine Frage hätte ich dennoch. Wie kann ich zum Beispiel bei einem zeitlich gesteuerten Switch die Zeit über die Weboberfläche ändern? Vielen Dank

[@ManfredLampl-xq6kv]

Anleitung ist super, leider funktioniert bei mir der POST nicht ! bekomme nur die GET Information zurück. Wo ist der Fehler ?

[@MartinGreese]

Hallo, Ich bin über diese Anleitungen auf den Zug ESPHOME aufgesprungen. Sehr schöne Anleitungen. Beim Webserver bekomme ich einfach kein Status (State) angezeigt. Habe nochmal ein Standalone Webserver Test eingerichtet. Die CSS und auch die JS Dateien habe ich mal mit und ohne Include eingebunden. Diese werden auch vom Webserver bereitgestellt. Die Actions (Button) scheinen zu laufen. Zumindest lässt sich der ESP wie gewünscht darüber neu booten. Hat noch Jemand eine Idee wie ich das zum Laufen bekomme? Gruß Martin

[@Smarthomeyourself]

id und name sind dem entsprechenden Eintrag zugewiesen? und ich bin grad nicht sicher ob als internal markierte Einträge gelistet werden.

[@MartinGreese]

@@Smarthomeyourself ja id und name sind beide vorhanden.

[@MartinGreese]

Scheinbar liegt es an dem ESP32 Board. Zumindest konnte ich ein anderes Board ( anderer Hersteller ) zum laufen ( anzeigen der States ) bringen.

[@carstenjones847]

Der Teil ist doch glatt untergegangen