Widgets

Kern-Widgets

Dashboard-Widgets sind die Bausteine Ihres Dashboards. Verbinden Sie sie nach Belieben, um Ihre benutzerdefinierten Datenvisualisierungen und Benutzeroberflächen zu erstellen.

Die folgenden Widgets sind im Node-RED Dashboard 2.0 enthalten:

Allgemein

Audio

Fügt Ihrem Dashboard einen Audioplayer hinzu.

Button

Fügt Ihrem Dashboard einen klickbaren Button hinzu.

Markdown

Rendert dynamisches Markdown (einschließlich Mermaid-Diagramme).

Notification

Zeigt eine Nachricht für eine definierte Zeitdauer an.

Template

Rendert benutzerdefinierte Vorlagen auf Ihrem Dashboard.

Text

Zeigt ein nicht bearbeitbares Textfeld auf Ihrem Dashboard an.

Spacer

Fügt Ihrer Gruppe einen einfachen Abstandshalter hinzu.

Formulare & Steuerungen

Dropdown

Fügt Ihrem Dashboard einen klickbaren Button hinzu.

Form

Fügt Ihrem Dashboard einen klickbaren Button hinzu.

Radio Group

Fügt Ihrem Dashboard eine Radiogruppe hinzu.

Slider

Fügt Ihrem Dashboard einen Schieberegler hinzu.

Switch

Fügt Ihrem Dashboard einen klickbaren Schalter hinzu.

Text Input

Fügt Ihrem Dashboard ein Texteingabefeld hinzu.

Datenvisualisierung

Chart

Fügt Ihrem Dashboard ein Diagramm hinzu.

Table

Fügt Ihrem Dashboard eine Tabelle hinzu.

Ereignisse & Steuerung

Sammlung von Widgets, die keine Inhalte in das Dashboard rendern, sondern stattdessen die Kommunikation zum/vom Dashboard ermöglichen, um Aktivitäten zu überwachen und den Dashboard-Zustand zu steuern.

Event

Überwacht Ereignisse im Dashboard und sendet entsprechend aus.

Drittanbieter-Widgets

Zusätzlich zu den Kern-Widgets haben wir die Architektur, um Drittanbieter-Widgets zu unterstützen. Wenn Sie daran interessiert sind, selbst welche zu entwickeln, können Sie unseren Leitfaden zur Erstellung von Drittanbieter-Widgets lesen.

Hier ist eine Liste der Drittanbieter-Widgets, von denen wir wissen, um es Ihnen leichter zu machen, das zu finden, wonach Sie suchen. Diese Widgets werden von uns und der Community erstellt und können über den Node-RED Palette Manager installiert werden.

• @sumit_shinde_84/ui-webcam: Ermöglicht Benutzern, Webcam-Funktionalität in das Node-RED Dashboard 2.0 zu integrieren, sodass Benutzer Bilder aufnehmen und Videos über verschiedene Kameras streamen können.
• @flowfuse/ui-iframe: Betten Sie eine externe Webseite in Ihr Dashboard ein, indem Sie ein iframe verwenden.
• @flowfuse/ui-led: Fügt Ihrem Dashboard eine LED-Statusanzeige hinzu.
• @flowfuse/ui-flowviewer: Visualisiert gültige Node-RED flow.json in einem statischen Flow-Viewer.
• @flowfuse/user-addon: Fügt Benutzerdaten zu allen Dashboard-Ereignissen unter msg._client.user hinzu, wenn Node-RED auf FlowFuse läuft und die "FlowFuse-Benutzerauthentifizierung" aktiviert ist.
• @colinl/ui-gauge-classic: Rendert ein Mehrnadel-Messgerät auf Ihrem Dashboard mit einem eher "klassischen" visuellen Stil.
• @fullmetal-fred/cloudflare-auth: Fügt Benutzerdaten zu allen Dashboard-Ereignissen unter msg._client.user hinzu, wenn Node-RED mit Cloudflare-Authentifizierung konfiguriert ist.
• @omrid01/table-tabulator: Bietet ein reichhaltiges Tabellen-Widget für das Dashboard, das die beliebte Tabulator JavaScript-Bibliothek erweitert.
• @revolutionpi/hmi: Ein anpassbarer runder Button, der nach industriellen HMI-Drucktasten gestaltet ist.
• @cgjgh/ui-scheduler: Ein Planer-Widget für die UI-basierte Zeitplanverwaltung.

In Entwicklung

Die folgenden sind eine Liste von Knoten, von denen wir wissen, dass sie in aktiver Entwicklung sind, aber noch nicht im Node-RED Palette Manager veröffentlicht wurden.

• @bartbutenaers/ui-svg: Fügt Ihrem Dashboard ein SVG-Widget hinzu, mit dynamischen Steuerungen über das Plotten und Styling.