openHAB 2 Visual Studio Code einrichten | Schritt für Schritt Anleitung

0
361
DigitaleWelt - OpenHUB 2 Visual Studio Code
DigitaleWelt - OpenHUB 2 Visual Studio Code

Auch wenn es in openHAB schon viele hilfreiche Tools wie den Home Builder gibt, zu dem wir auch in einem der nächsten Beiträge kommen werden, werden wir trotzdem Codezeilen schreiben und auch im Laufe der Projektes verändern.

Wir könnten hierfür einen normalen Text Editor wie zum Beispiel Notepad++ verwenden. Diese habe ich auch sonst für fast alle anderen Projekte verwendet, jedoch empfehle ich euch für openHAB den Visual Studio Code Editor zu verwenden. Für diesen gibt es eine eigene openHAB Erweiterung die mehrer Vorteile mit sich bringt. 

In diesem Beitrag werden wir uns daher ansehen wie wir Visual Studio Code installieren und und für OpenHAB einrichten können.

Video zum Beitrag findet ihr ganz unten!

Visual Studio Code herunterladen

Visual Studio Code ist ein kostenloser Editor von Microsoft. Er ist zudem nicht nur für Windows sondern auch für Linux und Mac OS erhältlich.

Nach dem Download müssen wir den Editor natürlich auch noch installieren. Dazu öffnen wir einfach die .exe Datei und klicken uns durch diesen Assistenten. Das sollte auch jeder bereits von anderen Programmen kennen.

Nachdem der Installationsprozess abgeschlossen ist, können wir das Programm das erste Mal Starten.

Deutsches Sprachpaket installieren

Wie ihr sehen werdet ist die ganz Oberfläche von Visual Studio Code in Englisch, und diese werden wir jetzt einmal auf Deutsch umstellen.

Dazu gehen wir hier links auf Erweiterungen und suchen nach German.

Hier wählen wir dann aus dieser Liste German Language Pack for Visual Studio Code aus und klicken hier auf installieren.

openHAB 2 Visual Studio Code – German Language Pack – digitalewelt.at

Danach bekommen wir hier rechts unten auch gleich die Meldung dann wir das Programm neu starten müssen. Nach dem Neustart ist die Sprache auch schon automatisch umgestellt.

OpenHAB Ordner als Netzwerkadresse anlegen

Als nächsten Schritt fügen wir hier bei Ordner öffnen unseren openHAB-conf Ordner zu unserem Arbeitsbereich hinzu.

Hier empfehle ich euch auch gleich falls ihr so wie ich openHAB zum Beispiel auf einen Raspberry Pi installiert habt, den openHAB-conf Ordner als Netzwerklaufwerk in eurem System anzulegen.

Dazu geht ihr einfach auf euren Windows Explorer, danach klickt ihr mit der rechten Maustaste hier link auf euren PC und wählt Netzwerk verbinden aus.

openHAB 2 Visual Studio Code – Netzwerklaufwerk verbinden – digitalewelt.at

Jetzt könnt ihr einen Laufwerksbuchstaben vergeben.

openHAB 2 Visual Studio Code – Laufwerksbuchstabe auswählen – digitalewelt.at

Bei Durchsuchen sollt eurer Raspberry Pi bzw. eurer openHABianPi unter Netzwerk erscheinen. Es kann hier auch ein paar Sekunden dauern bis eurer Pi hier angezeigt wird. Danach könnt ihr den Ordner openHAB-conf auswählen.

openHAB 2 Visual Studio Code – openHAB-conf Ordner auswählen – digitalewelt.at

Und mit einem klick auf Fertig stellen, wird der Ordner als Netzwerklaufwerk angelegt.

openHAB 2 Visual Studio Code – Netzwerkadresse erfolgreich angelegt – digitalewelt.at

OpenHAB conf Ordner hinzufügen

Zurück in Visual Studio Code können wir jetzt bei Ordner öffnen das zuvor angelegte Laufwerk auswählen. Solltet ihr openHAB 2 auf euren PC installiert haben müsst ihr hier natürlich den conf Ordner in eurem openHAB2 Installationsordner auswählen.

openHAB 2 Visual Studio Code – Ordner hinzufügen – digitalewelt.at

Danach sehen wir hier auch schon dass hier links die ganze Ordnerstruktur unseres Configurationsordners eingebunden wurde. Die Ordner sind hier großteils natürlich noch leer.

openHAB 2 Visual Studio Code – openHAB-conf Ordner – digitalewelt.at

Visual Studio Code – OpenHAB Erweiterung

Als nächsten werden auch gleich die openHAB Erweiterung installieren. Dazu gehen wir wieder auf Erweiterungen und suchen hier nach openHAB. Diese installieren wir und müssen diese dann anschließend auch aktivieren. Auch hier könnte es sein das wir aufgefordert werden das Programm einmal neu zu starten.

openHAB 2 Visual Studio Code – openHAB Erweiterung installieren – digitalewelt.at

Visual Studio Code Host Einstellungen

Jetzt müssen wir noch die Host Einstellungen vornehmen. Dazu gehen wir links unten auf das Zahnrad und dann auf Einstellungen.

openHAB 2 Visual Studio Code – Einstellungen – digitalewelt.at

Hier gehen wir bei Erweiterungen auf openHAB Configuration. Und hier klicken wir bei HOST auf In Settings bearbeiten.

openHAB 2 Visual Studio Code – settings.json (Host) bearbeiten – digitalewelt.at

Jetzt öffnet sich die Settingsdatei in der wir folgenden Befehle eingeben müssen. Openhab.host….  Wenn wir zu schreiben beginnen können wir den Befehl auch gleich aus diesem Dropdown menü auswählen.

openHAB 2 Visual Studio Code – openhab.host – digitalewelt.at

Und hier müssen wir zwischen den Anführungsziechen unseren Hostname bzw. unsere IP Adresse eingeben.

Wenn ihr openHAB auf eurem Raspberry Pi installiert habt wird euch zwar schon hier richtig openhabianpi vorgeschlagen, jedoch ist das bereits der Standardwert und könnt die Datei ohne speichern schließen und den Schritt überspringen.

openHAB 2 Visual Studio Code – openhab.host openhabianpi – digitalewelt.at

Wenn ihr openHAB auf einem PC installiert hat gebt ihr localhost ein. Ansonsten gebt ihr hier einfach die ipAdresse des Systems ein auf dem ihr openHAB installiert habt. (Bei Linux sollte es mit openhabianpi.local funktionieren. Testet die Adresse einfach in eurem Browser)

Jetzt müsst ihr die Datei noch speichern und könnt sie anschließend wieder schließen. Da ich openHAB auf einem Raspberry Pi installiert habe schließe ich Datei einfach und möchte die Änderungen nicht speichern.

Damit sind wir mit der Installation und der Einrichtung auch schon fertig. Doch was bringt mir das Ganze.

Letzte Aktualisierung am 22.11.2019 / Affiliate Links / Bilder von der Amazon Product Advertising API

Funktionen der OpenHAB Erweiterung

Kommen wir jetzt zu den Funktionen der openHAB Erweiterung in Visual Studio Code.

Zum einen habt ihr hier im Programm immer alle Dateien griffbereit und könnt diese dann auch gleich bearbeiten.

openHAB 2 Visual Studio Code – Ordnerstruktur – digitalewelt.at

Solltet ihr euch vertippen seht ihr einmal durch die farbliche Darstellung, dass etwas nicht passt und zusätzlich könnt ihr ganz unten die Fehler bzw. Probleme einblenden und mit eine klick auch anzeigen lassen.

openHAB 2 Visual Studio Code – Fehler werden angezeigt – digitalewelt.at

Außerdem bietet euch die Erweiterung den Vorteil dass ihr euch gewisse Grundgerüste an Code erstellen lassen könnt. Zum Bespiel wenn ich eine Sitemap erstellen möchte kann ich einfach sitemap eingeben und mit dem ersten Punkt wird dann gleich eine ganze Sitemap Vorlage erstellt.

openHAB 2 Visual Studio Code – Sitemap erstellen lassen – digitalewelt.at

Sitemap Vorlage:

openHAB 2 Visual Studio Code – Sitemap Vorlage – digitalewelt.at

Natürlich funktioniert das dann auch bei Items und vielen anderen Dingen.

openHAB 2 Visual Studio Code – Items Vorlage – digitalewelt.at

Vielleicht ist euch auch schon aufgefallen das wir Links jetzt einen eigenen openHAB Punkt dazubekommen haben. Hier finden wir dann später zum Beispiel unsere Items und können mit einem Rechtsklick auch hier wieder einen Code erstellen lassen.

openHAB 2 Visual Studio Code – Items Code erstellen lassen – digitalewelt.at

Außerdem können wir uns direkt im Visual Studio Code das Basic UI von openHAB anzeigen lassen und so unseren Code auch gleich testen.

openHAB 2 Visual Studio Code – Basic UI einblenden – digitalewelt.at

Basic UI in Visual Studio Code

openHAB 2 Visual Studio Code – Basic UI – digitalewelt.at

Die openHAB Erweiterungen bietet noch viele weiter Funktionen und es werden auch sicher noch viele hinzukommen. Schaut euch auch einmal die Startseite der openHAB Erweiterungen an. Denn hier findet ihr auch nochmal die ganze Funktionen der Erweiterungen bzw. seht ihr hier auch was bei dem letzten update verbessert oder vielleicht auch ergänzt wurde.

openHAB 2 Visual Studio Code – openHAB Erweiterung Beispiele und Funktionen – digitalewelt.at

OpenHAB Visual Studio Code – VIDEO

Hier findet ihr auch nochmal das Video zum Beitrag.

Geräte für OpenHAB

Letzte Aktualisierung am 22.11.2019 / Affiliate Links / Bilder von der Amazon Product Advertising API

HINTERLASSEN SIE EINE ANTWORT

Please enter your comment!
Please enter your name here