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:
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 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.
Installiere und konfiguriere Visual Studio Code.
Lade die Shelly Erweiterung für Visual Studio Code von der offiziellen Shelly X Website herunter.
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.
In der Shelly Erweiterung für Visual Studio Code kannst Du:
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.
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 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.
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.
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.
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.
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.
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.
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 Einstellungen → Shelly X → Konfiguration anwenden.
Füge das Token ein oder lade es hoch und klicke auf Speichern.
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.
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.
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.
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