hero

Low-Code-Plattform

Bietet einen strukturierten Workflow zur Gerätekonfiguration, Entwicklung kundenspezifischer Dienste und Verwaltung der Produktanpassung über eine einheitliche Plattform.

Der Low-Code-Entwicklungsansatz nutzt die Shelly Erweiterung für Visual Studio Code, die Funktionen des Shelly X Portals direkt in Visual Studio Code integriert. Dadurch kannst Du und Deine Entwickler auf Gerätekonfigurationstools, Firmware-Einstellungen und Cloud-Integrationsoptionen direkt aus ihrem Code-Editor zugreifen.

 

du kannst:

  • Firmware-Manifeste in einem einfachen JSON-Format strukturieren.
  • Funktionen und Fähigkeiten definieren und konfigurieren.
  • Kommunikationsmodule konfigurieren.
  • Die Firmware-Funktionalität mit JavaScript erweitern.
  • Benutzerdefinierte Firmware einfach validieren, in der Vorschau anzeigen und bereitstellen.

Die Shelly Erweiterung für Visual Studio Code ermöglicht eine einfache Bereitstellung, Testung und Implementierung von Geräteleistung, wodurch Du einfach an Deine Hardware angepasste Produkte erstellen und warten kannst – ohne das Werkzeug wechseln zu müssen.

Die Lösung unterstützt die visuelle Konfiguration von Hardware-Funktionen in Kombination mit der Möglichkeit, benutzerdefinierte Logik mithilfe strukturierter Skripte zu definieren.

 

Du kannst zuerst den No-Code-Ansatz ausprobieren und entscheiden, was am besten funktioniert.

Schritt-für-Schritt-Anleitung für die Verwendung des Low-Code-Ansatzes

Schritt 1:
Richte Deinen Arbeitsbereich ein

Installiere die Shelly Erweiterung für Visual Studio Code und melde Dich, falls vorhanden, mit Deinem OEM-Konto an. Greife auf die eingebetteten Portalfunktionen zu und starte ein neues Projekt.

Entwicklungsumgebung einrichten

Installiere und konfiguriere Visual Studio Code.
Lade die Shelly Erweiterung für Visual Studio Code von der offiziellen Shelly X Website herunter.

Erstelle Dein OEM-Konto

Du kannst die Shelly Erweiterung für Visual Studio Code installieren und mit der Entwicklung Deines Dienstes beginnen, ohne Dich im Portal zu registrieren. Später ist ein aktives OEM-Konto erforderlich, um die Konfiguration anzuwenden sowie Tokens und Zugriff auf Produktmanagement- und Kollaborationstools zu erhalten.

Melde Dich im Portal an, wenn Du bereit bist, Dein Produkt zu definieren, Konfigurationen zu verwalten oder Tokens auf ein Shelly Modul anzuwenden.

Mit der Entwicklung fortfahren

In der Shelly Erweiterung für Visual Studio Code kannst Du:

  • Einen neuen Firmware-Service erstellen, oder
  • Einen bestehenden Service, der zuvor für ein anderes Produkt erstellt wurde, importieren.


Ein Firmware-Service ist eine modulare Erweiterung, die direkt auf dem Gerät läuft und Kernfunktionen wie Telemetrie, Konnektivität und Datenverarbeitung bereitstellt, während sie gleichzeitig die spezifischen Funktionen implementiert, die Dein Produkt benötigt.

Zusätzliche Informationen

Wenn Du Hilfe bei der Nutzung des Shelly X Portals, der Shelly Erweiterung für Visual Studio Code, bei der Auswahl kompatibler Module oder allgemeine Fragen hast, lies bitte die Dokumentation oder wende Dich direkt an unser technisches Support-Team.

Schritt 2:
Definiere Dein Produkt

Melde Dich an und lege einen neuen Produkteintrag im Portal an, indem Du den Namen, den Typ und die bevorzugte Entwicklungsmethode festlegst. Hinweis: Die Entwicklungsmethode kann später nicht mehr geändert werden. Füge Branding-Details hinzu, wie z. B. das Produktbild für die Shelly App, eine URL mit Produktinformationen und eine kurze Beschreibung.

oder

Beginne mit Deinem Firmware-Service und konfiguriere die Produktentität später.

Wähle das X-Modul, das Du verwenden möchtest

Wähle ein kompatibles Shelly Modul basierend auf Deinem Hardware-Design und den benötigten Funktionen.

Die Auswahl eines Moduls ist erforderlich, bevor Du mit der Service-Entwicklung oder der Token-Bereitstellung fortfahren kannst.

Schritt 3:
Entwickle Deinen benutzerdefinierten Firmware-Service

Schreibe einen JavaScript-basierten Dienst, um das Verhalten Deines Produkts zu definieren. Erstelle die lokale Benutzeroberfläche zur Steuerung des Produkts.

Komponenten deklarieren

Die Shelly Erweiterung für Visual Studio Code ermöglicht Dir, Komponenten, Parameter und Logik in einem standardisierten Format zu deklarieren und einzurichten. Stelle sicher, dass die Struktur gültig ist – dieses Manifest bestimmt, wie Dein Gerät funktioniert und mit der Benutzeroberfläche interagiert.

Einen JavaScript-Service erstellen

Der Service wird parallel zur Hauptfirmware ausgeführt und interagiert mit der Gerätehardware über vordefinierte APIs. Hier kannst Du das Geräteverhalten, die Automatisierungslogik und die benutzerdefinierte Handhabung von Ein- und Ausgängen definieren.

Eine eingebettete Web-Benutzeroberfläche für Dein Produkt erstellen

Der Haupteinstiegspunkt ist eine dynamisch geladene Svelte-Datei, die das Layout, die Benutzerinteraktionen und die Komponenten für die lokale Weboberfläche des Geräts definiert. Diese Datei wird in die Kern-UI von Shelly integriert und dient als Grundlage für die Interaktion der Benutzer mit Deinem benutzerdefinierten Dienst.

Zusätzliche Informationen

Komponente – repräsentiert eine logische Schnittstelle zu einer Funktion (z. B. Sensor, UART).

Es kann entweder direkt auf die physische Hardware abgebildet oder das Verhalten zu Test- und Abstraktionszwecken simuliert werden.

Schritt 4:
Anwenden, testen und für die Produktion vorbereiten

Lade das Konfigurationstoken herunter oder wende es direkt über Bluetooth auf Dein Shelly X Modul an.

Schalte Dein Produkt ein, überprüfe, ob es die richtigen Einstellungen lädt und teste alle konfigurierten Funktionen.

Nimm Anpassungen vor, falls das Verhalten nicht Deinen Erwartungen entspricht, und wende die aktualisierte Konfiguration bei Bedarf erneut an.

Wende Dein Konfigurationstoken über Bluetooth an

Verwende auf der Detailseite Deines Produkts im Shelly X Portal den speziellen Dialog, um das Konfigurationstoken anzuwenden. Der Prozess umfasst eine Fortschrittsanzeige und eine Protokollausgabe zur Fehlerbehebung und Überprüfung.

oder über die lokale Shelly Schnittstelle

Du kannst das Konfigurationstoken auch über die lokale Weboberfläche des Geräts anwenden.
Lade zuerst das Token aus demselben Dialog herunter oder kopiere es.
Verbinde Dich mit dem WLAN-Zugangspunkt des Shelly X Geräts.
Öffne http://192.168.33.1 in Deinem Browser.
Gehe zu EinstellungenShelly XKonfiguration anwenden.
Füge das Token ein oder lade es hoch und klicke auf Speichern.

Die Konfiguration testen

Verbinde Dein Shelly X Modul mit der Zielhardware.

Validiere wichtige Verhaltensweisen wie Relaisbetrieb, Tastenreaktionen und LED-Anzeigen.

Bestätige die WLAN-Konnektivität, den Cloud-Zugriff oder die rein lokale Funktionalität je nach Deiner Einrichtung.

Überprüfe die Benutzerinteraktion und nimm bei Bedarf Anpassungen vor.

Schritt 5:
Herstellen, veröffentlichen und Ergebnisse analysieren

Gib Deinen Fertigungsauftrag auf, bringe Dein Produkt auf den Markt und verfolge die Ergebnisse über das Dashboard und die anpassbaren Berichte im Shelly X Portal.

Einen Produktionsauftrag aufgeben

Gib die benötigte Anzahl von Modulen an und suche die Versandoptionen Deiner Wahl aus. Die Module werden mit Deiner Konfiguration geliefert und sind bereit für die Integration in Dein Produkt.

Überwachung der Produktrealisierung

Verwende das Shelly X Portal-Dashboard, um detaillierte Berichte zur Geräteaktivierung anzuzeigen und Berichte an Deine Bedürfnisse anzupassen.

Überwache Firmware-Versionen, analysiere regionale Nutzungsmuster und verfolge Konnektivitätsdaten, um die Leistung Deines Produkts zu optimieren.

Bereit für Dein nächstes Produkt?

Nach der Markteinführung Deines aktuellen Produkts kannst Du bereits mit der Planung Deiner nächsten Innovation beginnen. Arbeite mit uns zusammen, um neue Ideen zu entwickeln, Funktionen zu verbessern und die nächste Generation smarter Geräte schneller und effizienter auf den Markt zu bringen.

Herzlichen Glückwunsch! Nun ist Dein Produkt

powered-by-shelly

Den nächsten Schritt machen