Monatsrückblick Oktober 2026 ist online!

[beetle-fan]

Ich oute mich mal als Unwissender: was sind Web-Komponenten? Im Vergleich zu Widgets?

[David G.]

Wo melden wenn ich mit in die Liste möchte?
Von openmeteo-notify die Widgets laufen sauber in aura und vis2.

https://github.com/ipod86/ioBroker.openmeteo-notify/releases/tag/v0.5.0

Npm ist auch veröffentlicht.

[OliverIO]

@beetle-fan sagte:

Ich oute mich mal als Unwissender: was sind Web-Komponenten? Im Vergleich zu Widgets?

Ein Standard wie man html +Funktionalität in andere Applikationen integrieren kann.
https://de.wikipedia.org/wiki/Web_Components

https://developer.mozilla.org/de/docs/Web/API/Web_components

Über diese Möglichkeit können nun andere Adapter ihre Widgets auch für Aura verfügbar machen.

Vis2 hat nun auch die Möglichkeit diese "Widgets" mit zu verwenden, wenn ich das richtig verstanden habe

[Bluefox]

@beetle-fan Ergänzend zu @OliverIO, der das richtig beschrieben hat, auch mit vis-2. Der Unterschied liegt darin, wo das Ding läuft:

• Ein Widget gehört zu einer bestimmten Visualisierung. Ein vis-2-Widget läuft nur in vis-2, und für jede andere Oberfläche muss es neu gebaut werden.
• Eine Web-Komponente muss nur einmal gebaut werden und läuft in jeder Oberfläche, die @iobroker/web-components unterstützt: Aura, vis-2, Geräte (devices) und Admin.

Für dich als Nutzer sieht sie aus wie ein normales Widget: Du fügst sie hinzu und stellst sie ein, die Einstellungen zeigt dir die jeweilige Oberfläche an. Sie kommt mit dem Adapter, du musst also nichts extra installieren.

[Bluefox]

@David-G. sagte:

Wo melden wenn ich mit in die Liste möchte?
Von openmeteo-notify die Widgets laufen sauber in aura und vis2.

https://github.com/ipod86/ioBroker.openmeteo-notify/releases/tag/v0.5.0

Npm ist auch veröffentlicht.

@david-g. Melden musst du dich nirgends, es gibt keine zentrale Stelle dafür. Die Liste hier im Thema ist nur eine Übersicht, entscheidend ist dein io-package.json. So kommt eine Web-Komponente in Aura und die anderen Oberflächen:

1. Der Adapter legt je Komponente zwei Dateien in seinen admin-Ordner, das Manifest (.json) und das Modul (.js).
2. Er trägt die Manifeste in common.webComponents ein, relativ zum admin-Ordner:
   "webComponents": ["webcomponents/my-tile.json"]
3. Nach der Installation findet die Oberfläche die Komponente selbst. In Aura steht sie im Dialog Neues Widget unter Weitere Widgets. Falls sie noch fehlt, die Seite neu laden.

Das alles hast du mit openmeteo-notify schon gemacht, es ist also nichts weiter nötig. Details stehen in der README von @iobroker/web-components: https://github.com/ioBroker/web-components

[David G.]

@Bluefox

Ich meine wenn ich in die Liste dem ertsten Post mit möchte, wu die verfügbaren Widgets vorgestellt werden.
Oder läuft da ein Bot im hintergund der die Adapter sicht und das erstellt.

[Bluefox]

@David-G. sagte:

@Bluefox

Ich meine wenn ich in die Liste dem ertsten Post mit möchte, wu die verfügbaren Widgets vorgestellt werden.
Oder läuft da ein Bot im hintergund der die Adapter sicht und das erstellt.

Gib mir die Bilder und ich werden Post ergänzen

[David G.]

Widget einfach

Widget detailiert

Widget Diegramm

Bildschirmschoner Animiert mit Live Wetter und Tageszeit

Alle konfigurierbar in größe, Icons, Inhalte usw.

[Bluefox]

@david-g. habe ergänzt

[beetle-fan]

@oliverio @bluefox Danke für die Erläuterung. Auswählbar in Aura sind die aber noch nicht, oder?

[Bluefox]

@beetle-fan Doch, die sind schon auswählbar. Ab Aura 0.106.0 erscheint jede Web-Komponente eines installierten Adapters im Dialog Neues Widget unter Weitere Widgets als eigenes Widget, mit Name, Icon und eigenen Einstellungen.

Voraussetzung ist, dass der jeweilige Adapter in einer Version mit Web-Komponenten installiert ist. Die gibt es bisher nur im Latest-Repository (Versionen siehe Liste im ersten Beitrag). Wenn die Komponente nach der Installation noch nicht auftaucht, Aura im Browser einfach neu laden.

Wie der Dialog die Komponenten künftig anbietet, stimmen wir gerade mit dem Aura-Entwickler ab. Das kann sich also noch ändern.