Vorraussetzungen<\/span><\/h4>\n\n- Home Assistant<\/a><\/li>\n
- ESPHome<\/a><\/li>\n
- 3D Drucker<\/a><\/li>\n
- L\u00f6tkolben<\/a><\/li>\n
- Hei\u00dfklebepistole<\/a><\/li>\n<\/ul>\n
Komponenten<\/span><\/h4>\n\n- D1 Mini<\/a><\/strong><\/span><\/li>\n
- OLED Display<\/span><\/a><\/strong><\/li>\n<\/ul>\n
N\u00fctzliche Dateien<\/span><\/h4>\n\n- 3D Druckdaten<\/a><\/li>\n
- D1 Mini<\/a><\/li>\n
- Font Pack<\/a><\/li>\n<\/ul>\n<\/div>\n\n\n\n\n
Anleitung<\/span><\/h4>\nUm eine Temperaturanzeige zu bauen, \u00fcberlegen wir uns erstmal die Funktion des Projekts.<\/span><\/p>\nEin Sensor misst die Temperatur und evtl. zusatzwerte und gibt diesen Wert an Home Assitant weiter. Dort lesen wir die Daten \u00fcber einen D1 Mini<\/strong><\/span><\/a> aus und \u00fcbertragen diese Werte auf ein OLED Display<\/span><\/strong><\/a>. So viel zur Theorie.<\/span><\/p>\nAlle ben\u00f6tigten Bauteile findet Ihr \u00fcbrigens hier: ![\"\"](\"https:\/\/i0.wp.com\/smart-4u.de\/wp-content\/uploads\/2021\/07\/AZ.jpg?resize=1024%2C341&ssl=1\")
<\/a><\/p>\nNun Zur Praxis:<\/strong><\/span><\/p>\nZuerst schlie\u00dfen wir unseren D1 Mini<\/strong><\/a> <\/span>per USB an das Ger\u00e4t an wo wir unsere Home Assitant instanz laufen haben. Im meinem Fall ist es ein RaspberryPi3<\/span><\/a><\/strong>.<\/span><\/p>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/smart-4u.de\/wp-content\/uploads\/2021\/06\/pimitd1.jpeg?resize=1024%2C768&ssl=1\")
<\/figure>\n\n\n\nWenn Ihr den D1 Mini<\/strong><\/a><\/span> wie beschrieben angeschlossen habt, geht es weiter.<\/span><\/p>\n\n- Geht in Home Assistant in ESPHome und w\u00e4hlt oben rechts bei \u201eOver-The-Air\u201c \u201eUSB Serial\u201c aus.<\/span><\/li>\n
- Klickt unten rechts auf das Gr\u00fcne +<\/span><\/li>\n
- W\u00e4hlt jetzt den Namen wie Ihr Eure D1 Mini<\/span><\/strong><\/a> nennen wollte. Im meinem Fall tempoutside. <\/span>
ACHTUNG! Es d\u00fcrfen nur Kleinbuchstaben verwendet werden.<\/span><\/li>\n- Klickt auf Next<\/span><\/li>\n
- W\u00e4hlt jetzt unter Device \u201eWemos D1 and Wemos D1 mini\u201c aus.<\/span><\/li>\n
- Klickt auf Next<\/span><\/li>\n
- Gebt bei \u201eWifi SSID\u201c den Namen Eures WLAN Netzwerkes ein. Und bei \u201eWifi Password\u201c entsprechend Euer WLAN Passwort.<\/span><\/li>\n
- Das Feld OTA Password k\u00f6nnt Ihr frei lassen.<\/span><\/li>\n
- Klickt auf \u201eSubmit\u201c<\/span><\/li>\n<\/ul>\n
Ihr solltet jetzt folgendes Feld sehen:<\/span><\/p>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/smart-4u.de\/wp-content\/uploads\/2021\/06\/esphome3.png?resize=744%2C140&ssl=1\")
<\/figure>\n\n\n\nFonts in HomeAssistant einbinden:<\/strong><\/span><\/p>\nLadet Euch das Font Pack<\/strong><\/span><\/a> runter und kopiert die einzelnen Schriftarten aus dem Zip-Archiv in den Ordner “esphome” Eurer Home Assistant instanz.<\/span><\/p>\nNun Programmieren wir den D1 Mini!<\/strong><\/span><\/p>\n\n- Klickt auf \u201eedit\u201c<\/span><\/li>\n
- Kopiert den untenstehenden Code und f\u00fcgt Ihn in ESPHome unterhalb von logger ein und ersetzt Euer API und OTA Passwort. Die Fett markierten Bereiche sind MEINE<\/strong> Sensoren die ich vorher bereits in Home Assitant eingebunden habe. Ihr m\u00fcsst dort demensprechend Eure eintragen anhand der Entity-id die in Homeassitant f\u00fcr den jeweiligen Sensor steht.
<\/span><\/li>\n<\/ul>\n\n\n\n# Enable Home Assistant API\napi:\n password: \"EUER API PASSWORT\"\nota:\n password: \"EUER OTA PASSWORT\"\ntime:\n - platform: homeassistant\n id: esptime\nsensor:\n - platform: homeassistant\n id: bme280_temperature\n entity_id: sensor.bme280_temperature<\/strong>\n internal: true\n - platform: homeassistant\n id: bme280_relative_humidity\n entity_id: sensor.bme280_relative_humidity<\/strong>\n internal: true\n - platform: homeassistant\n id: bme280_pressure\n entity_id: sensor.bme280_pressure<\/strong>\n internal: true\nfont:\n - file: 'slkscr.ttf'\n id: font1\n size: 8\n - file: 'BebasNeue-Regular.ttf'\n id: font2\n size: 48\n - file: 'arial.ttf'\n id: font3\n size: 14\n \ni2c:\n sda: D1\n scl: D2\n scan: False\ndisplay:\n - platform: ssd1306_i2c\n model: \"SH1106 128x64\"\n reset_pin: D0\n address: 0x3C\n lambda: |-\n \/\/ Print \"Smart-4u.de\" in top center.\n it.printf(64, 0, id(font1), TextAlign::TOP_CENTER, \"Smart-4u.de\");\n \/\/ Print outside temperature (from homeassistant sensor)\n if (id(bme280_temperature<\/strong>).has_state()) {\n it.printf(0, 55, id(font2), TextAlign::BASELINE_LEFT , \"%.1f\u00b0\", id(bme280_temperature<\/strong>).state);\n }\n \/\/ Print realtive humidity (from homeassistant sensor)\n if (id(bme280_relative_humidity<\/strong>).has_state()) {\n it.printf(127, 23, id(font3), TextAlign::TOP_RIGHT , \"%.1f P\", id(bme280_relative_humidity<\/strong>).state);\n }\n \/\/ Print outside temperature (from homeassistant sensor)\n if (id(bme280_pressure<\/strong>).has_state()) {\n it.printf(127, 60, id(font3), TextAlign::BASELINE_RIGHT , \"%.1f D\", id(bme280_pressure<\/strong>).state);\n }<\/code><\/pre>\n\n\n\nDas ganze sollte nun so aussehen erg\u00e4nzt mit Euren Daten:<\/span><\/p>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/smart-4u.de\/wp-content\/uploads\/2021\/06\/esphome1.png?resize=1024%2C554&ssl=1\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/smart-4u.de\/wp-content\/uploads\/2021\/06\/esphome2.png?resize=1024%2C567&ssl=1\")
<\/figure>\n\n\n\n\n- Klickt nun auf Upload.<\/span><\/li>\n<\/ul>\n
Euer D1 Mini ist nun programmiert!<\/span><\/p>\nZu Erkl\u00e4rung des Codes:<\/strong>
sensor: Bindet Eure bereits vorhandenen Sensoren ein. In meinem Fall:<\/span><\/span><\/p>\nbme280_temperature
<\/strong><\/code><\/pre>\nbme280_relative_humidity<\/strong><\/code><\/pre>\nbme280_pressure<\/strong><\/code><\/pre>\nfont: Hier geben wir die Schriftarten und Gr\u00f6\u00dfen an die wir ben\u00f6tigen. In diesem fall drei St\u00fcck. Benannt mit font1<\/span>, font2<\/span> und font<\/span>3.<\/span><\/p>\ni2c: Mit ic2 sagen wir unserem D1 Mini<\/span><\/a><\/strong> auf welchen PINS die SDA<\/span> und SCL<\/span> Pina des Displays angeschlossen wird. Benannt haben wir diese mit D1<\/span> und D2<\/span>. Entsprechend m\u00fcssen wir unser Display auch so an den D1 Mini<\/a><\/strong><\/span> anschlie\u00dfen damit die Kommunikation funktioniert. (Siehe Schaltbild)<\/span><\/p>\n<\/p>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/smart-4u.de\/wp-content\/uploads\/2021\/06\/schaltplan-1.png?resize=760%2C689&ssl=1\")
Schaltbild<\/figcaption><\/figure>\n\n\n\nVerkabelung<\/strong><\/span><\/p>\nKommen wir zu Verdrahtung der einzelnen Komponenten. Ich habe die Stromversorgung ausschlie\u00dflich \u00fcber den Ground Pin und den 5V Pin vom D1 Mini<\/strong><\/span><\/a> realisiert und diesen per USB an ein Netzteil angeschlossen. SDA<\/span> kommt an PIN D1<\/span> und SCL<\/span> an PIN D2<\/span>. Der Vollst\u00e4ndigkleit halber kommt VCC<\/span> an den 5V PIN<\/span> und GND<\/span> an den G PIN<\/span>
<\/span><\/p>\n\n\n\nDas war schon der ganze Zauber. Wenn wir den D1 Mini<\/a><\/strong><\/span> jetzt \u00fcber ein USB-Kabel mit Strom versorgen, sollte folgendes passieren:<\/span><\/p>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/smart-4u.de\/wp-content\/uploads\/2021\/06\/IMG_5638.jpg?resize=1024%2C768&ssl=1\")
<\/figure>\n\n\n\nDas Display zeigt Euch wie es soll die Temperatur an. Jetzt packen wir das Ganze noch in Selbs gedrucktes Geh\u00e4use und schon sind wir fertig. Falls das Display gedreht werden muss, erg\u00e4nzt den code in Zeile 69 um:<\/span><\/p>\n <\/span><\/p>\n\n\n\nrotation: 180<\/code><\/pre>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/smart-4u.de\/wp-content\/uploads\/2021\/06\/endfassung.jpg?resize=768%2C1024&ssl=1\")
<\/figure>\n\n\n\nIch hoffe Ihr hatte Spa\u00df mit dieser Anleitung. Wenn Ihr fragen haben solltet, dann schreibt mir eine Mail an info[at]smart-4u.de oder folgt mir dazu doch einfach auf Instagram<\/a>. <\/span><\/span><\/p>\nWenn ich Euch helfen konnte und Ihr mich unterst\u00fcrtzen wollt, dann w\u00fcrde ich mich freuen, wenn Ihr mal bei meiner Amazon-Wunschliste<\/a> vorbeischaut.<\/span><\/p>\n
Komponenten<\/span><\/h4>\n\n- D1 Mini<\/a><\/strong><\/span><\/li>\n
- OLED Display<\/span><\/a><\/strong><\/li>\n<\/ul>\n
N\u00fctzliche Dateien<\/span><\/h4>\n\n- 3D Druckdaten<\/a><\/li>\n
- D1 Mini<\/a><\/li>\n
- Font Pack<\/a><\/li>\n<\/ul>\n<\/div>\n\n\n\n\n
Anleitung<\/span><\/h4>\nUm eine Temperaturanzeige zu bauen, \u00fcberlegen wir uns erstmal die Funktion des Projekts.<\/span><\/p>\nEin Sensor misst die Temperatur und evtl. zusatzwerte und gibt diesen Wert an Home Assitant weiter. Dort lesen wir die Daten \u00fcber einen D1 Mini<\/strong><\/span><\/a> aus und \u00fcbertragen diese Werte auf ein OLED Display<\/span><\/strong><\/a>. So viel zur Theorie.<\/span><\/p>\nAlle ben\u00f6tigten Bauteile findet Ihr \u00fcbrigens hier: <\/a><\/p>\nNun Zur Praxis:<\/strong><\/span><\/p>\nZuerst schlie\u00dfen wir unseren D1 Mini<\/strong><\/a> <\/span>per USB an das Ger\u00e4t an wo wir unsere Home Assitant instanz laufen haben. Im meinem Fall ist es ein RaspberryPi3<\/span><\/a><\/strong>.<\/span><\/p>\n\n\n\n<\/figure>\n\n\n\nWenn Ihr den D1 Mini<\/strong><\/a><\/span> wie beschrieben angeschlossen habt, geht es weiter.<\/span><\/p>\n\n- Geht in Home Assistant in ESPHome und w\u00e4hlt oben rechts bei \u201eOver-The-Air\u201c \u201eUSB Serial\u201c aus.<\/span><\/li>\n
- Klickt unten rechts auf das Gr\u00fcne +<\/span><\/li>\n
- W\u00e4hlt jetzt den Namen wie Ihr Eure D1 Mini<\/span><\/strong><\/a> nennen wollte. Im meinem Fall tempoutside. <\/span>
ACHTUNG! Es d\u00fcrfen nur Kleinbuchstaben verwendet werden.<\/span><\/li>\n- Klickt auf Next<\/span><\/li>\n
- W\u00e4hlt jetzt unter Device \u201eWemos D1 and Wemos D1 mini\u201c aus.<\/span><\/li>\n
- Klickt auf Next<\/span><\/li>\n
- Gebt bei \u201eWifi SSID\u201c den Namen Eures WLAN Netzwerkes ein. Und bei \u201eWifi Password\u201c entsprechend Euer WLAN Passwort.<\/span><\/li>\n
- Das Feld OTA Password k\u00f6nnt Ihr frei lassen.<\/span><\/li>\n
- Klickt auf \u201eSubmit\u201c<\/span><\/li>\n<\/ul>\n
Ihr solltet jetzt folgendes Feld sehen:<\/span><\/p>\n\n\n\n<\/figure>\n\n\n\nFonts in HomeAssistant einbinden:<\/strong><\/span><\/p>\nLadet Euch das Font Pack<\/strong><\/span><\/a> runter und kopiert die einzelnen Schriftarten aus dem Zip-Archiv in den Ordner “esphome” Eurer Home Assistant instanz.<\/span><\/p>\nNun Programmieren wir den D1 Mini!<\/strong><\/span><\/p>\n\n- Klickt auf \u201eedit\u201c<\/span><\/li>\n
- Kopiert den untenstehenden Code und f\u00fcgt Ihn in ESPHome unterhalb von logger ein und ersetzt Euer API und OTA Passwort. Die Fett markierten Bereiche sind MEINE<\/strong> Sensoren die ich vorher bereits in Home Assitant eingebunden habe. Ihr m\u00fcsst dort demensprechend Eure eintragen anhand der Entity-id die in Homeassitant f\u00fcr den jeweiligen Sensor steht.
<\/span><\/li>\n<\/ul>\n\n\n\n# Enable Home Assistant API\napi:\n password: \"EUER API PASSWORT\"\nota:\n password: \"EUER OTA PASSWORT\"\ntime:\n - platform: homeassistant\n id: esptime\nsensor:\n - platform: homeassistant\n id: bme280_temperature\n entity_id: sensor.bme280_temperature<\/strong>\n internal: true\n - platform: homeassistant\n id: bme280_relative_humidity\n entity_id: sensor.bme280_relative_humidity<\/strong>\n internal: true\n - platform: homeassistant\n id: bme280_pressure\n entity_id: sensor.bme280_pressure<\/strong>\n internal: true\nfont:\n - file: 'slkscr.ttf'\n id: font1\n size: 8\n - file: 'BebasNeue-Regular.ttf'\n id: font2\n size: 48\n - file: 'arial.ttf'\n id: font3\n size: 14\n \ni2c:\n sda: D1\n scl: D2\n scan: False\ndisplay:\n - platform: ssd1306_i2c\n model: \"SH1106 128x64\"\n reset_pin: D0\n address: 0x3C\n lambda: |-\n \/\/ Print \"Smart-4u.de\" in top center.\n it.printf(64, 0, id(font1), TextAlign::TOP_CENTER, \"Smart-4u.de\");\n \/\/ Print outside temperature (from homeassistant sensor)\n if (id(bme280_temperature<\/strong>).has_state()) {\n it.printf(0, 55, id(font2), TextAlign::BASELINE_LEFT , \"%.1f\u00b0\", id(bme280_temperature<\/strong>).state);\n }\n \/\/ Print realtive humidity (from homeassistant sensor)\n if (id(bme280_relative_humidity<\/strong>).has_state()) {\n it.printf(127, 23, id(font3), TextAlign::TOP_RIGHT , \"%.1f P\", id(bme280_relative_humidity<\/strong>).state);\n }\n \/\/ Print outside temperature (from homeassistant sensor)\n if (id(bme280_pressure<\/strong>).has_state()) {\n it.printf(127, 60, id(font3), TextAlign::BASELINE_RIGHT , \"%.1f D\", id(bme280_pressure<\/strong>).state);\n }<\/code><\/pre>\n\n\n\nDas ganze sollte nun so aussehen erg\u00e4nzt mit Euren Daten:<\/span><\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n\n- Klickt nun auf Upload.<\/span><\/li>\n<\/ul>\n
Euer D1 Mini ist nun programmiert!<\/span><\/p>\nZu Erkl\u00e4rung des Codes:<\/strong>
sensor: Bindet Eure bereits vorhandenen Sensoren ein. In meinem Fall:<\/span><\/span><\/p>\nbme280_temperature
<\/strong><\/code><\/pre>\nbme280_relative_humidity<\/strong><\/code><\/pre>\nbme280_pressure<\/strong><\/code><\/pre>\nfont: Hier geben wir die Schriftarten und Gr\u00f6\u00dfen an die wir ben\u00f6tigen. In diesem fall drei St\u00fcck. Benannt mit font1<\/span>, font2<\/span> und font<\/span>3.<\/span><\/p>\ni2c: Mit ic2 sagen wir unserem D1 Mini<\/span><\/a><\/strong> auf welchen PINS die SDA<\/span> und SCL<\/span> Pina des Displays angeschlossen wird. Benannt haben wir diese mit D1<\/span> und D2<\/span>. Entsprechend m\u00fcssen wir unser Display auch so an den D1 Mini<\/a><\/strong><\/span> anschlie\u00dfen damit die Kommunikation funktioniert. (Siehe Schaltbild)<\/span><\/p>\n<\/p>\n\n\n\nSchaltbild<\/figcaption><\/figure>\n\n\n\nVerkabelung<\/strong><\/span><\/p>\nKommen wir zu Verdrahtung der einzelnen Komponenten. Ich habe die Stromversorgung ausschlie\u00dflich \u00fcber den Ground Pin und den 5V Pin vom D1 Mini<\/strong><\/span><\/a> realisiert und diesen per USB an ein Netzteil angeschlossen. SDA<\/span> kommt an PIN D1<\/span> und SCL<\/span> an PIN D2<\/span>. Der Vollst\u00e4ndigkleit halber kommt VCC<\/span> an den 5V PIN<\/span> und GND<\/span> an den G PIN<\/span>
<\/span><\/p>\n\n\n\nDas war schon der ganze Zauber. Wenn wir den D1 Mini<\/a><\/strong><\/span> jetzt \u00fcber ein USB-Kabel mit Strom versorgen, sollte folgendes passieren:<\/span><\/p>\n\n\n\n<\/figure>\n\n\n\nDas Display zeigt Euch wie es soll die Temperatur an. Jetzt packen wir das Ganze noch in Selbs gedrucktes Geh\u00e4use und schon sind wir fertig. Falls das Display gedreht werden muss, erg\u00e4nzt den code in Zeile 69 um:<\/span><\/p>\n <\/span><\/p>\n\n\n\nrotation: 180<\/code><\/pre>\n\n\n\n<\/figure>\n\n\n\nIch hoffe Ihr hatte Spa\u00df mit dieser Anleitung. Wenn Ihr fragen haben solltet, dann schreibt mir eine Mail an info[at]smart-4u.de oder folgt mir dazu doch einfach auf Instagram<\/a>. <\/span><\/span><\/p>\nWenn ich Euch helfen konnte und Ihr mich unterst\u00fcrtzen wollt, dann w\u00fcrde ich mich freuen, wenn Ihr mal bei meiner Amazon-Wunschliste<\/a> vorbeischaut.<\/span><\/p>\n
N\u00fctzliche Dateien<\/span><\/h4>\n\n- 3D Druckdaten<\/a><\/li>\n
- D1 Mini<\/a><\/li>\n
- Font Pack<\/a><\/li>\n<\/ul>\n<\/div>\n\n\n\n\n
Anleitung<\/span><\/h4>\nUm eine Temperaturanzeige zu bauen, \u00fcberlegen wir uns erstmal die Funktion des Projekts.<\/span><\/p>\nEin Sensor misst die Temperatur und evtl. zusatzwerte und gibt diesen Wert an Home Assitant weiter. Dort lesen wir die Daten \u00fcber einen D1 Mini<\/strong><\/span><\/a> aus und \u00fcbertragen diese Werte auf ein OLED Display<\/span><\/strong><\/a>. So viel zur Theorie.<\/span><\/p>\nAlle ben\u00f6tigten Bauteile findet Ihr \u00fcbrigens hier: <\/a><\/p>\nNun Zur Praxis:<\/strong><\/span><\/p>\nZuerst schlie\u00dfen wir unseren D1 Mini<\/strong><\/a> <\/span>per USB an das Ger\u00e4t an wo wir unsere Home Assitant instanz laufen haben. Im meinem Fall ist es ein RaspberryPi3<\/span><\/a><\/strong>.<\/span><\/p>\n\n\n\n<\/figure>\n\n\n\nWenn Ihr den D1 Mini<\/strong><\/a><\/span> wie beschrieben angeschlossen habt, geht es weiter.<\/span><\/p>\n\n- Geht in Home Assistant in ESPHome und w\u00e4hlt oben rechts bei \u201eOver-The-Air\u201c \u201eUSB Serial\u201c aus.<\/span><\/li>\n
- Klickt unten rechts auf das Gr\u00fcne +<\/span><\/li>\n
- W\u00e4hlt jetzt den Namen wie Ihr Eure D1 Mini<\/span><\/strong><\/a> nennen wollte. Im meinem Fall tempoutside. <\/span>
ACHTUNG! Es d\u00fcrfen nur Kleinbuchstaben verwendet werden.<\/span><\/li>\n- Klickt auf Next<\/span><\/li>\n
- W\u00e4hlt jetzt unter Device \u201eWemos D1 and Wemos D1 mini\u201c aus.<\/span><\/li>\n
- Klickt auf Next<\/span><\/li>\n
- Gebt bei \u201eWifi SSID\u201c den Namen Eures WLAN Netzwerkes ein. Und bei \u201eWifi Password\u201c entsprechend Euer WLAN Passwort.<\/span><\/li>\n
- Das Feld OTA Password k\u00f6nnt Ihr frei lassen.<\/span><\/li>\n
- Klickt auf \u201eSubmit\u201c<\/span><\/li>\n<\/ul>\n
Ihr solltet jetzt folgendes Feld sehen:<\/span><\/p>\n\n\n\n<\/figure>\n\n\n\nFonts in HomeAssistant einbinden:<\/strong><\/span><\/p>\nLadet Euch das Font Pack<\/strong><\/span><\/a> runter und kopiert die einzelnen Schriftarten aus dem Zip-Archiv in den Ordner “esphome” Eurer Home Assistant instanz.<\/span><\/p>\nNun Programmieren wir den D1 Mini!<\/strong><\/span><\/p>\n\n- Klickt auf \u201eedit\u201c<\/span><\/li>\n
- Kopiert den untenstehenden Code und f\u00fcgt Ihn in ESPHome unterhalb von logger ein und ersetzt Euer API und OTA Passwort. Die Fett markierten Bereiche sind MEINE<\/strong> Sensoren die ich vorher bereits in Home Assitant eingebunden habe. Ihr m\u00fcsst dort demensprechend Eure eintragen anhand der Entity-id die in Homeassitant f\u00fcr den jeweiligen Sensor steht.
<\/span><\/li>\n<\/ul>\n\n\n\n# Enable Home Assistant API\napi:\n password: \"EUER API PASSWORT\"\nota:\n password: \"EUER OTA PASSWORT\"\ntime:\n - platform: homeassistant\n id: esptime\nsensor:\n - platform: homeassistant\n id: bme280_temperature\n entity_id: sensor.bme280_temperature<\/strong>\n internal: true\n - platform: homeassistant\n id: bme280_relative_humidity\n entity_id: sensor.bme280_relative_humidity<\/strong>\n internal: true\n - platform: homeassistant\n id: bme280_pressure\n entity_id: sensor.bme280_pressure<\/strong>\n internal: true\nfont:\n - file: 'slkscr.ttf'\n id: font1\n size: 8\n - file: 'BebasNeue-Regular.ttf'\n id: font2\n size: 48\n - file: 'arial.ttf'\n id: font3\n size: 14\n \ni2c:\n sda: D1\n scl: D2\n scan: False\ndisplay:\n - platform: ssd1306_i2c\n model: \"SH1106 128x64\"\n reset_pin: D0\n address: 0x3C\n lambda: |-\n \/\/ Print \"Smart-4u.de\" in top center.\n it.printf(64, 0, id(font1), TextAlign::TOP_CENTER, \"Smart-4u.de\");\n \/\/ Print outside temperature (from homeassistant sensor)\n if (id(bme280_temperature<\/strong>).has_state()) {\n it.printf(0, 55, id(font2), TextAlign::BASELINE_LEFT , \"%.1f\u00b0\", id(bme280_temperature<\/strong>).state);\n }\n \/\/ Print realtive humidity (from homeassistant sensor)\n if (id(bme280_relative_humidity<\/strong>).has_state()) {\n it.printf(127, 23, id(font3), TextAlign::TOP_RIGHT , \"%.1f P\", id(bme280_relative_humidity<\/strong>).state);\n }\n \/\/ Print outside temperature (from homeassistant sensor)\n if (id(bme280_pressure<\/strong>).has_state()) {\n it.printf(127, 60, id(font3), TextAlign::BASELINE_RIGHT , \"%.1f D\", id(bme280_pressure<\/strong>).state);\n }<\/code><\/pre>\n\n\n\nDas ganze sollte nun so aussehen erg\u00e4nzt mit Euren Daten:<\/span><\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n\n- Klickt nun auf Upload.<\/span><\/li>\n<\/ul>\n
Euer D1 Mini ist nun programmiert!<\/span><\/p>\nZu Erkl\u00e4rung des Codes:<\/strong>
sensor: Bindet Eure bereits vorhandenen Sensoren ein. In meinem Fall:<\/span><\/span><\/p>\nbme280_temperature
<\/strong><\/code><\/pre>\nbme280_relative_humidity<\/strong><\/code><\/pre>\nbme280_pressure<\/strong><\/code><\/pre>\nfont: Hier geben wir die Schriftarten und Gr\u00f6\u00dfen an die wir ben\u00f6tigen. In diesem fall drei St\u00fcck. Benannt mit font1<\/span>, font2<\/span> und font<\/span>3.<\/span><\/p>\ni2c: Mit ic2 sagen wir unserem D1 Mini<\/span><\/a><\/strong> auf welchen PINS die SDA<\/span> und SCL<\/span> Pina des Displays angeschlossen wird. Benannt haben wir diese mit D1<\/span> und D2<\/span>. Entsprechend m\u00fcssen wir unser Display auch so an den D1 Mini<\/a><\/strong><\/span> anschlie\u00dfen damit die Kommunikation funktioniert. (Siehe Schaltbild)<\/span><\/p>\n<\/p>\n\n\n\nSchaltbild<\/figcaption><\/figure>\n\n\n\nVerkabelung<\/strong><\/span><\/p>\nKommen wir zu Verdrahtung der einzelnen Komponenten. Ich habe die Stromversorgung ausschlie\u00dflich \u00fcber den Ground Pin und den 5V Pin vom D1 Mini<\/strong><\/span><\/a> realisiert und diesen per USB an ein Netzteil angeschlossen. SDA<\/span> kommt an PIN D1<\/span> und SCL<\/span> an PIN D2<\/span>. Der Vollst\u00e4ndigkleit halber kommt VCC<\/span> an den 5V PIN<\/span> und GND<\/span> an den G PIN<\/span>
<\/span><\/p>\n\n\n\nDas war schon der ganze Zauber. Wenn wir den D1 Mini<\/a><\/strong><\/span> jetzt \u00fcber ein USB-Kabel mit Strom versorgen, sollte folgendes passieren:<\/span><\/p>\n\n\n\n<\/figure>\n\n\n\nDas Display zeigt Euch wie es soll die Temperatur an. Jetzt packen wir das Ganze noch in Selbs gedrucktes Geh\u00e4use und schon sind wir fertig. Falls das Display gedreht werden muss, erg\u00e4nzt den code in Zeile 69 um:<\/span><\/p>\n <\/span><\/p>\n\n\n\nrotation: 180<\/code><\/pre>\n\n\n\n<\/figure>\n\n\n\nIch hoffe Ihr hatte Spa\u00df mit dieser Anleitung. Wenn Ihr fragen haben solltet, dann schreibt mir eine Mail an info[at]smart-4u.de oder folgt mir dazu doch einfach auf Instagram<\/a>. <\/span><\/span><\/p>\nWenn ich Euch helfen konnte und Ihr mich unterst\u00fcrtzen wollt, dann w\u00fcrde ich mich freuen, wenn Ihr mal bei meiner Amazon-Wunschliste<\/a> vorbeischaut.<\/span><\/p>\n
Anleitung<\/span><\/h4>\nUm eine Temperaturanzeige zu bauen, \u00fcberlegen wir uns erstmal die Funktion des Projekts.<\/span><\/p>\nEin Sensor misst die Temperatur und evtl. zusatzwerte und gibt diesen Wert an Home Assitant weiter. Dort lesen wir die Daten \u00fcber einen D1 Mini<\/strong><\/span><\/a> aus und \u00fcbertragen diese Werte auf ein OLED Display<\/span><\/strong><\/a>. So viel zur Theorie.<\/span><\/p>\nAlle ben\u00f6tigten Bauteile findet Ihr \u00fcbrigens hier: <\/a><\/p>\nNun Zur Praxis:<\/strong><\/span><\/p>\nZuerst schlie\u00dfen wir unseren D1 Mini<\/strong><\/a> <\/span>per USB an das Ger\u00e4t an wo wir unsere Home Assitant instanz laufen haben. Im meinem Fall ist es ein RaspberryPi3<\/span><\/a><\/strong>.<\/span><\/p>\n\n\n\n<\/figure>\n\n\n\nWenn Ihr den D1 Mini<\/strong><\/a><\/span> wie beschrieben angeschlossen habt, geht es weiter.<\/span><\/p>\n\n- Geht in Home Assistant in ESPHome und w\u00e4hlt oben rechts bei \u201eOver-The-Air\u201c \u201eUSB Serial\u201c aus.<\/span><\/li>\n
- Klickt unten rechts auf das Gr\u00fcne +<\/span><\/li>\n
- W\u00e4hlt jetzt den Namen wie Ihr Eure D1 Mini<\/span><\/strong><\/a> nennen wollte. Im meinem Fall tempoutside. <\/span>
ACHTUNG! Es d\u00fcrfen nur Kleinbuchstaben verwendet werden.<\/span><\/li>\n- Klickt auf Next<\/span><\/li>\n
- W\u00e4hlt jetzt unter Device \u201eWemos D1 and Wemos D1 mini\u201c aus.<\/span><\/li>\n
- Klickt auf Next<\/span><\/li>\n
- Gebt bei \u201eWifi SSID\u201c den Namen Eures WLAN Netzwerkes ein. Und bei \u201eWifi Password\u201c entsprechend Euer WLAN Passwort.<\/span><\/li>\n
- Das Feld OTA Password k\u00f6nnt Ihr frei lassen.<\/span><\/li>\n
- Klickt auf \u201eSubmit\u201c<\/span><\/li>\n<\/ul>\n
Ihr solltet jetzt folgendes Feld sehen:<\/span><\/p>\n\n\n\n<\/figure>\n\n\n\nFonts in HomeAssistant einbinden:<\/strong><\/span><\/p>\nLadet Euch das Font Pack<\/strong><\/span><\/a> runter und kopiert die einzelnen Schriftarten aus dem Zip-Archiv in den Ordner “esphome” Eurer Home Assistant instanz.<\/span><\/p>\nNun Programmieren wir den D1 Mini!<\/strong><\/span><\/p>\n\n- Klickt auf \u201eedit\u201c<\/span><\/li>\n
- Kopiert den untenstehenden Code und f\u00fcgt Ihn in ESPHome unterhalb von logger ein und ersetzt Euer API und OTA Passwort. Die Fett markierten Bereiche sind MEINE<\/strong> Sensoren die ich vorher bereits in Home Assitant eingebunden habe. Ihr m\u00fcsst dort demensprechend Eure eintragen anhand der Entity-id die in Homeassitant f\u00fcr den jeweiligen Sensor steht.
<\/span><\/li>\n<\/ul>\n\n\n\n# Enable Home Assistant API\napi:\n password: \"EUER API PASSWORT\"\nota:\n password: \"EUER OTA PASSWORT\"\ntime:\n - platform: homeassistant\n id: esptime\nsensor:\n - platform: homeassistant\n id: bme280_temperature\n entity_id: sensor.bme280_temperature<\/strong>\n internal: true\n - platform: homeassistant\n id: bme280_relative_humidity\n entity_id: sensor.bme280_relative_humidity<\/strong>\n internal: true\n - platform: homeassistant\n id: bme280_pressure\n entity_id: sensor.bme280_pressure<\/strong>\n internal: true\nfont:\n - file: 'slkscr.ttf'\n id: font1\n size: 8\n - file: 'BebasNeue-Regular.ttf'\n id: font2\n size: 48\n - file: 'arial.ttf'\n id: font3\n size: 14\n \ni2c:\n sda: D1\n scl: D2\n scan: False\ndisplay:\n - platform: ssd1306_i2c\n model: \"SH1106 128x64\"\n reset_pin: D0\n address: 0x3C\n lambda: |-\n \/\/ Print \"Smart-4u.de\" in top center.\n it.printf(64, 0, id(font1), TextAlign::TOP_CENTER, \"Smart-4u.de\");\n \/\/ Print outside temperature (from homeassistant sensor)\n if (id(bme280_temperature<\/strong>).has_state()) {\n it.printf(0, 55, id(font2), TextAlign::BASELINE_LEFT , \"%.1f\u00b0\", id(bme280_temperature<\/strong>).state);\n }\n \/\/ Print realtive humidity (from homeassistant sensor)\n if (id(bme280_relative_humidity<\/strong>).has_state()) {\n it.printf(127, 23, id(font3), TextAlign::TOP_RIGHT , \"%.1f P\", id(bme280_relative_humidity<\/strong>).state);\n }\n \/\/ Print outside temperature (from homeassistant sensor)\n if (id(bme280_pressure<\/strong>).has_state()) {\n it.printf(127, 60, id(font3), TextAlign::BASELINE_RIGHT , \"%.1f D\", id(bme280_pressure<\/strong>).state);\n }<\/code><\/pre>\n\n\n\nDas ganze sollte nun so aussehen erg\u00e4nzt mit Euren Daten:<\/span><\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n\n- Klickt nun auf Upload.<\/span><\/li>\n<\/ul>\n
Euer D1 Mini ist nun programmiert!<\/span><\/p>\nZu Erkl\u00e4rung des Codes:<\/strong>
sensor: Bindet Eure bereits vorhandenen Sensoren ein. In meinem Fall:<\/span><\/span><\/p>\nbme280_temperature
<\/strong><\/code><\/pre>\nbme280_relative_humidity<\/strong><\/code><\/pre>\nbme280_pressure<\/strong><\/code><\/pre>\nfont: Hier geben wir die Schriftarten und Gr\u00f6\u00dfen an die wir ben\u00f6tigen. In diesem fall drei St\u00fcck. Benannt mit font1<\/span>, font2<\/span> und font<\/span>3.<\/span><\/p>\ni2c: Mit ic2 sagen wir unserem D1 Mini<\/span><\/a><\/strong> auf welchen PINS die SDA<\/span> und SCL<\/span> Pina des Displays angeschlossen wird. Benannt haben wir diese mit D1<\/span> und D2<\/span>. Entsprechend m\u00fcssen wir unser Display auch so an den D1 Mini<\/a><\/strong><\/span> anschlie\u00dfen damit die Kommunikation funktioniert. (Siehe Schaltbild)<\/span><\/p>\n<\/p>\n\n\n\nSchaltbild<\/figcaption><\/figure>\n\n\n\nVerkabelung<\/strong><\/span><\/p>\nKommen wir zu Verdrahtung der einzelnen Komponenten. Ich habe die Stromversorgung ausschlie\u00dflich \u00fcber den Ground Pin und den 5V Pin vom D1 Mini<\/strong><\/span><\/a> realisiert und diesen per USB an ein Netzteil angeschlossen. SDA<\/span> kommt an PIN D1<\/span> und SCL<\/span> an PIN D2<\/span>. Der Vollst\u00e4ndigkleit halber kommt VCC<\/span> an den 5V PIN<\/span> und GND<\/span> an den G PIN<\/span>
<\/span><\/p>\n\n\n\nDas war schon der ganze Zauber. Wenn wir den D1 Mini<\/a><\/strong><\/span> jetzt \u00fcber ein USB-Kabel mit Strom versorgen, sollte folgendes passieren:<\/span><\/p>\n\n\n\n<\/figure>\n\n\n\nDas Display zeigt Euch wie es soll die Temperatur an. Jetzt packen wir das Ganze noch in Selbs gedrucktes Geh\u00e4use und schon sind wir fertig. Falls das Display gedreht werden muss, erg\u00e4nzt den code in Zeile 69 um:<\/span><\/p>\n <\/span><\/p>\n\n\n\nrotation: 180<\/code><\/pre>\n\n\n\n<\/figure>\n\n\n\nIch hoffe Ihr hatte Spa\u00df mit dieser Anleitung. Wenn Ihr fragen haben solltet, dann schreibt mir eine Mail an info[at]smart-4u.de oder folgt mir dazu doch einfach auf Instagram<\/a>. <\/span><\/span><\/p>\nWenn ich Euch helfen konnte und Ihr mich unterst\u00fcrtzen wollt, dann w\u00fcrde ich mich freuen, wenn Ihr mal bei meiner Amazon-Wunschliste<\/a> vorbeischaut.<\/span><\/p>\n
Ein Sensor misst die Temperatur und evtl. zusatzwerte und gibt diesen Wert an Home Assitant weiter. Dort lesen wir die Daten \u00fcber einen D1 Mini<\/strong><\/span><\/a> aus und \u00fcbertragen diese Werte auf ein OLED Display<\/span><\/strong><\/a>. So viel zur Theorie.<\/span><\/p>\n Alle ben\u00f6tigten Bauteile findet Ihr \u00fcbrigens hier: Nun Zur Praxis:<\/strong><\/span><\/p>\n Zuerst schlie\u00dfen wir unseren D1 Mini<\/strong><\/a> <\/span>per USB an das Ger\u00e4t an wo wir unsere Home Assitant instanz laufen haben. Im meinem Fall ist es ein RaspberryPi3<\/span><\/a><\/strong>.<\/span><\/p>\n\n\n\n Wenn Ihr den D1 Mini<\/strong><\/a><\/span> wie beschrieben angeschlossen habt, geht es weiter.<\/span><\/p>\n Ihr solltet jetzt folgendes Feld sehen:<\/span><\/p>\n\n\n\n Fonts in HomeAssistant einbinden:<\/strong><\/span><\/p>\n Ladet Euch das Font Pack<\/strong><\/span><\/a> runter und kopiert die einzelnen Schriftarten aus dem Zip-Archiv in den Ordner “esphome” Eurer Home Assistant instanz.<\/span><\/p>\n Nun Programmieren wir den D1 Mini!<\/strong><\/span><\/p>\n Das ganze sollte nun so aussehen erg\u00e4nzt mit Euren Daten:<\/span><\/p>\n\n\n\n Euer D1 Mini ist nun programmiert!<\/span><\/p>\n Zu Erkl\u00e4rung des Codes:<\/strong> font: Hier geben wir die Schriftarten und Gr\u00f6\u00dfen an die wir ben\u00f6tigen. In diesem fall drei St\u00fcck. Benannt mit font1<\/span>, font2<\/span> und font<\/span>3.<\/span><\/p>\n i2c: Mit ic2 sagen wir unserem D1 Mini<\/span><\/a><\/strong> auf welchen PINS die SDA<\/span> und SCL<\/span> Pina des Displays angeschlossen wird. Benannt haben wir diese mit D1<\/span> und D2<\/span>. Entsprechend m\u00fcssen wir unser Display auch so an den D1 Mini<\/a><\/strong><\/span> anschlie\u00dfen damit die Kommunikation funktioniert. (Siehe Schaltbild)<\/span><\/p>\n <\/p>\n\n\n\n Verkabelung<\/strong><\/span><\/p>\n Kommen wir zu Verdrahtung der einzelnen Komponenten. Ich habe die Stromversorgung ausschlie\u00dflich \u00fcber den Ground Pin und den 5V Pin vom D1 Mini<\/strong><\/span><\/a> realisiert und diesen per USB an ein Netzteil angeschlossen. SDA<\/span> kommt an PIN D1<\/span> und SCL<\/span> an PIN D2<\/span>. Der Vollst\u00e4ndigkleit halber kommt VCC<\/span> an den 5V PIN<\/span> und GND<\/span> an den G PIN<\/span> Das war schon der ganze Zauber. Wenn wir den D1 Mini<\/a><\/strong><\/span> jetzt \u00fcber ein USB-Kabel mit Strom versorgen, sollte folgendes passieren:<\/span><\/p>\n\n\n\n Das Display zeigt Euch wie es soll die Temperatur an. Jetzt packen wir das Ganze noch in Selbs gedrucktes Geh\u00e4use und schon sind wir fertig. Falls das Display gedreht werden muss, erg\u00e4nzt den code in Zeile 69 um:<\/span><\/p>\n <\/span><\/p>\n\n\n\n Ich hoffe Ihr hatte Spa\u00df mit dieser Anleitung. Wenn Ihr fragen haben solltet, dann schreibt mir eine Mail an info[at]smart-4u.de oder folgt mir dazu doch einfach auf Instagram<\/a>. <\/span><\/span><\/p>\n Wenn ich Euch helfen konnte und Ihr mich unterst\u00fcrtzen wollt, dann w\u00fcrde ich mich freuen, wenn Ihr mal bei meiner Amazon-Wunschliste<\/a> vorbeischaut.<\/span><\/p>\n<\/a><\/p>\n<\/figure>\n\n\n\n\n
ACHTUNG! Es d\u00fcrfen nur Kleinbuchstaben verwendet werden.<\/span><\/li>\n<\/figure>\n\n\n\n\n
<\/span><\/li>\n<\/ul>\n\n\n\n# Enable Home Assistant API\napi:\n password: \"EUER API PASSWORT\"\nota:\n password: \"EUER OTA PASSWORT\"\ntime:\n - platform: homeassistant\n id: esptime\nsensor:\n - platform: homeassistant\n id: bme280_temperature\n entity_id: sensor.bme280_temperature<\/strong>\n internal: true\n - platform: homeassistant\n id: bme280_relative_humidity\n entity_id: sensor.bme280_relative_humidity<\/strong>\n internal: true\n - platform: homeassistant\n id: bme280_pressure\n entity_id: sensor.bme280_pressure<\/strong>\n internal: true\nfont:\n - file: 'slkscr.ttf'\n id: font1\n size: 8\n - file: 'BebasNeue-Regular.ttf'\n id: font2\n size: 48\n - file: 'arial.ttf'\n id: font3\n size: 14\n \ni2c:\n sda: D1\n scl: D2\n scan: False\ndisplay:\n - platform: ssd1306_i2c\n model: \"SH1106 128x64\"\n reset_pin: D0\n address: 0x3C\n lambda: |-\n \/\/ Print \"Smart-4u.de\" in top center.\n it.printf(64, 0, id(font1), TextAlign::TOP_CENTER, \"Smart-4u.de\");\n \/\/ Print outside temperature (from homeassistant sensor)\n if (id(bme280_temperature<\/strong>).has_state()) {\n it.printf(0, 55, id(font2), TextAlign::BASELINE_LEFT , \"%.1f\u00b0\", id(bme280_temperature<\/strong>).state);\n }\n \/\/ Print realtive humidity (from homeassistant sensor)\n if (id(bme280_relative_humidity<\/strong>).has_state()) {\n it.printf(127, 23, id(font3), TextAlign::TOP_RIGHT , \"%.1f P\", id(bme280_relative_humidity<\/strong>).state);\n }\n \/\/ Print outside temperature (from homeassistant sensor)\n if (id(bme280_pressure<\/strong>).has_state()) {\n it.printf(127, 60, id(font3), TextAlign::BASELINE_RIGHT , \"%.1f D\", id(bme280_pressure<\/strong>).state);\n }<\/code><\/pre>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n\n
sensor: Bindet Eure bereits vorhandenen Sensoren ein. In meinem Fall:<\/span><\/span><\/p>\nbme280_temperature
<\/strong><\/code><\/pre>\nbme280_relative_humidity<\/strong><\/code><\/pre>\nbme280_pressure<\/strong><\/code><\/pre>\n
<\/span><\/p>\n\n\n\n<\/figure>\n\n\n\nrotation: 180<\/code><\/pre>\n\n\n\n<\/figure>\n\n\n\n
![\"\"](\"https:\/\/i0.wp.com\/smart-4u.de\/wp-content\/uploads\/2021\/08\/amazon-wunschliste.png?resize=698%2C300&ssl=1\")
<\/a><\/p>\n\n\n\n