# ESP8266 + MQTT + JSN-SR04T

**URL:** <https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928>\
**Category:** Configuration\
**Created:** [16. Dezember 2020 um 20:27 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928 "2020-12-16T20:27:38Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [4. Januar 2021 um 12:13 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/21 "2021-01-04T12:13:24Z")

</div>

> [@VonOx](#):
>
> Die Anzeigen sind ein anderes Thema, ich brauche sie auch 😉 (sie stehen auf meiner To-do-Liste)

Gute Idee mit den Anzeigen! 🙂 Ein Post im «&nbsp;Feature-Request&nbsp;»-Bereich? 🙂

---

<div class="post-metadata">

**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\
**Post date:** [24. Februar 2021 um 21:12 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/22 "2021-02-24T21:12:23Z")

</div>

Nur eine kurze Rückmeldung, um Ihnen mitzuteilen, dass ich die Installation abgeschlossen habe und alles in Gladys funktioniert

Hier sind einige Bilder und ein Screenshot aus Gladys

 ![20210224_172243](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/5/5af1485231764383484c4dd054235f91168f0627.jpeg)

 ![20210224_173532](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/6/6271b56a79f216bcbdcf42137e42b3028a10274e.jpeg)

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/5/533bdaae617514824013cc503e1e34a74e140f59.png)

Mir bleibt nur noch die Installation des Durchflussmessers, um meinen Verbrauch zu messen

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [25. Februar 2021 um 08:30 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/23 "2021-02-25T08:30:33Z")

</div>

@jerome wow, das sieht ja richtig gut aus!

Wie wäre es mit einem kleinen Zusammenfassungsbeitrag zu deinem Setup, den wir in die Dokumentation aufnehmen können? Ich denke, das würde viele interessieren, und mit den kleinen Fotos ist es perfekt 🙂

---

<div class="post-metadata">

**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\
**Post date:** [25. Februar 2021 um 17:32 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/24 "2021-02-25T17:32:28Z")

</div>

Hallo @pierre-gilles

Ja, das würde mir gut gefallen, das vorzubereiten. Ein oder mehrere Tipps, um ein paar saubere und lustige Dinge zu versuchen.

Bis bald

---

<div class="post-metadata">

**Author:** ![damalgos](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/d/e274bd/32.png) [@damalgos](https://community.gladysassistant.com/u/damalgos)\
**Post date:** [25. Februar 2021 um 18:19 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/25 "2021-02-25T18:19:19Z")

</div>

Hallo,

Das ist ja richtig cool, was du gemacht hast! Ich habe einen Wassersammelbehälter und würde das auch gerne nachmachen. Ich warte gespannt auf den Überblick deiner Einrichtung 🙂

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [25. Februar 2021 um 19:26 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/26 "2021-02-25T19:26:19Z")

</div>

@jerome ich weiß nicht, ob du es gesehen hast, die Dokumentation ist vollständig auf GitHub: [GitHub - GladysAssistant/v4-website: Gladys Assistant website · GitHub](https://github.com/GladysAssistant/v4-website)

Die Dokumentation besteht einfach aus Markdown-Dateien, es ist recht einfach.

Die Idee wäre es, zu erklären:

- was dein Ziel mit Gladys war
- die Hardware, die du für dieses Projekt eingerichtet hast, mit einem kleinen Schema, wenn du kannst, ist das am besten! (Und Fotos!)
- wenn es Eigenentwicklungen gibt, den Code einfügen und den Software-Teil erklären
- Screenshots des Ergebnisses in Gladys und Szenen, die du dazu eingerichtet hast.

Kurz gesagt, es ist nicht sehr kompliziert, nur eine Zusammenfassung deines Projekts. Je vollständiger, desto besser

Das Ziel ist es, einen Anwendungsfall zu zeigen, damit andere inspiriert werden, dasselbe zu tun 🙂

Ich weiß nicht, ob du dich mit Markdown, GitHub und Pull Requests auskennst?

Falls nicht, kannst du den Artikel auch in Google Docs oder Word schreiben, und ich helfe dir beim Formatieren 🙂

---

<div class="post-metadata">

**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\
**Post date:** [25. Februar 2021 um 22:59 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/27 "2021-02-25T22:59:22Z")

</div>

@pierre-gilles

Ehrlich gesagt bin ich mit nichts so richtig vertraut, ich fange bei null an, aber durch Ausprobieren lerne ich langsam. Ich komme nicht aus der Informatik, aber es fasziniert mich.

Ich habe bisher auf Pages «&nbsp;Mac&nbsp;» Text geschrieben. Ich werde schauen, ob ich klarkomme und melde mich bei dir, falls ich Hilfe brauche. 😂

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [26. Februar 2021 um 06:44 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/28 "2021-02-26T06:44:32Z")

</div>

Alles klar. Zögere nicht 🙂

---

<div class="post-metadata">

**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\
**Post date:** [27. Februar 2021 um 21:10 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/29 "2021-02-27T21:10:22Z")

</div>

Hallo @pierre-gilles

Ich denke, alles ist bereit und recht detailliert. Kann ich dir das, was ich erstellt habe, schicken, um deine Meinung zu hören und dann deine Hilfe bei der Formatierung und Gestaltung zu erhalten?

---

<div class="post-metadata">

**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\
**Post date:** [27. Februar 2021 um 21:12 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/30 "2021-02-27T21:12:46Z")

</div>

Hallo @VonOx

Nur um zu fragen, ob du eventuell bei der Anzeige weitergekommen bist oder ob ich dir dabei helfen könnte, falls du Zeit hast, denn ich glaube, du arbeitest an anderen Themen.

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [28. Februar 2021 um 10:28 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/31 "2021-02-28T10:28:49Z")

</div>

Ich habe mir nur die Lib (Apex) angesehen, um zu sehen, was wir verwenden können.

> **[JavaScript RadialBar / Circle Examples | ApexCharts.js](https://apexcharts.com/javascript-chart-demos/radialbar-charts/)**
>
> JavaScript radialbar / circle examples built with ApexCharts.js. Live demos plus copy-paste source code for each.

Noch nichts zum Mocken. Also, wenn du Lust hast, nur zu 🙂

(An der Spitze meiner To-Do-Liste steht der Build des Raspberry-Images und die Steuerung von Helligkeit/Temperatur der Lichter, denn das ist das einzige, was bei der Beleuchtung noch fehlt.)

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [28. Februar 2021 um 10:54 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/32 "2021-02-28T10:54:47Z")

</div>

@jerome Super! Kannst du hier einen Download-Link einfügen? Dann kann jeder ihn sehen und Feedback geben 🙂

---

<div class="post-metadata">

**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\
**Post date:** [3. März 2021 um 22:29 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/33 "2021-03-03T22:29:57Z")

</div>

Hier ist der Link.

Ich warte auf Ihre Rückmeldung mit viel Nachsicht 😉

[https://drive.google.com/file/d/1ared0oHCua4Ul4XhrB62lNbvKaXHVwhL/view?usp=sharing](https://drive.google.com/file/d/1ared0oHCua4Ul4XhrB62lNbvKaXHVwhL/view?usp=sharing)

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [4. März 2021 um 01:34 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/34 "2021-03-04T01:34:10Z")

</div>

@jerome dein Dokument ist privat, ich habe keinen Zugriff. 🙂

---

<div class="post-metadata">

**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\
**Post date:** [4. März 2021 um 05:54 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/35 "2021-03-04T05:54:15Z")

</div>

Entschuldigung, ich war zu schnell. Jetzt sollte es aber normalerweise in Ordnung sein.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [8. März 2021 um 01:07 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/36 "2021-03-08T01:07:58Z")

</div>

Hallo @jerome! Ich habe gerade dein Dokument gelesen, es sieht gut aus 🙂

- Es gibt ein paar Rechtschreibfehler, es wäre gut, einen Rechtschreibprüfer darüber laufen zu lassen (Zum Beispiel am Anfang: «&nbsp;il mettait impossible de savoir&nbsp;» =\> «&nbsp;Il m’était impossible de savoir&nbsp;»)

- Vielleicht könnten wir Links zu den Produkten auf AliExpress (als Beispiel) hinzufügen, damit es für jemanden, der dasselbe machen möchte, einfacher ist?

- Beim Code, den man auf das Wemo hochladen soll, könntest du etwas genauer erklären, wie du den Code hochgeladen hast? Musste man eine Software installieren? Treiber?

Aber ansonsten ist es wirklich gut! Ich zeige dir später, wie man es auf der Website veröffentlicht 🙂

---

<div class="post-metadata">

**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\
**Post date:** [11. März 2021 um 06:13 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/37 "2021-03-11T06:13:22Z")

</div>

Hallo @pierre-gilles

Ich habe den Rechtschreibprüfer durchlaufen lassen 😅, aber ich bin mir nicht sicher, ob alles korrigiert wurde. Ich habe die Links für die Einkäufe oder zu den Websites zum Herunterladen der Software erstellt und den Arduino-Installationsteil mit der Integration des Wemos und anschließend der Bibliotheken mit Screenshots detailliert beschrieben.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [12. März 2021 um 02:18 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/38 "2021-03-12T02:18:48Z")

</div>

Super, das macht super Lust 🙂

Jetzt müssen wir diese Datei in Markdown umwandeln.

Ich weiß nicht, ob du Markdown kennst? ([Getting Started | Markdown Guide](https://www.markdownguide.org/getting-started/))

Es ist eine relativ einfache Formatierungssprache, mit der man Überschriften, fettgedruckten Text, Bilder, Tabellen und so gut wie alles machen kann 🙂

Hier ist ein Beispiel für eine Markdown-Datei in der Gladys-Dokumentation:

[https://raw.githubusercontent.com/GladysAssistant/v4-website/master/fr/docs/integrations/camera.md](https://raw.githubusercontent.com/GladysAssistant/v4-website/master/fr/docs/integrations/camera.md)

Und alle diese Dateien sind auf Github gespeichert, zum Beispiel hier:

[https://github.com/GladysAssistant/v4-website/tree/master/fr/docs/integrations](https://github.com/GladysAssistant/v4-website/tree/master/fr/docs/integrations)

Die Website wird aus diesen Dateien generiert 🙂

Hast du Grundkenntnisse in Git oder überhaupt nicht?

Ich versuche zu sehen, wie du diesen Artikel von Anfang bis Ende vorschlagen könntest, damit du es danach selbst machen kannst 🙂

---

<div class="post-metadata">

**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\
**Post date:** [12. März 2021 um 23:05 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/39 "2021-03-12T23:05:35Z")

</div>

Hallo @pierre-gilles

Ich habe keine Ahnung von Git. Ich habe heute Abend angefangen, die etwas komplexe Funktionsweise auf den ersten Blick zu verstehen. Ich mache den E-Learning-Kurs für Anfänger 😅

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [13. März 2021 um 00:37 UTC](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928/40 "2021-03-13T00:37:56Z")

</div>

Das ist nicht unbedingt kompliziert 🙂 Um anzufangen, kannst du sogar direkt in der GitHub-Oberfläche einen „Pull Request“ (einen Code-Änderungsvorschlag) einreichen (du brauchst dafür ein GitHub-Konto), das ist eher einfach, es geht nur um Klicks!

Falls du wirklich Probleme hast, können wir das auch für dich machen, aber wenn du dabei etwas lernen kannst, ist das immer ein Gewinn 😊

[Vorherige Seite](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928.md?page=1)

[Nächste Seite](https://community.gladysassistant.com/t/esp8266-mqtt-jsn-sr04t/5928.md?page=3)
