Adapter debuggen mit VSCode

frankjoke

Hallo liebe 'Adapterprogrammierer'!

Bis jetzt hab ich meine Adapter haubtsächlich mit Debug-Ausgaben 'gedebuggt'.

Als ich allerdings gesehen hab wie leicht es ist (ein normales nodejs)-Programm mit VSCode (der Editor von Microsoft, selbst auf nodejs basierend) zu debuggen wollte ich das auch mal probieren.

Ich habe deshalb auf meinem 'Ubuntu'-Testsystem das eigentlich eine VMVirtuelle Maschine ist VSCode installiert (mit dem Webbrowser das deb von der Microsoft-Website) und dann mal versucht einen adapter zu debuggen.

Dazu ist es erst notwendig im iobroker.admin den Adapter zu stoppen und ihn dann per Kommandozeile zu starten (was ich schon vorher mein Entwickeln oft gemacht habe).

Aber diesmal wird die Kommandozeile vom VSCode generiert!

Die ersten Versuche liefen schief bis ich dann die folgenden Einstellungen für die launch.json gewählt habe und code mit sudo aus dem Adapter-Verzeichnis gestartet habe:

Im launch.json hab ich die Argumente dazugefügt die ich auch beim Starten eines Adapters von der Kommandozeile verwende, ohne denen hat's nicht funktioniert wobei vielleich etwas davin optional ist.

Danach kopnnte ich in VSCode auf den 'Bug' (Debug) clicken und die grüne Taste drücken:

Und schon funktionierte es!

Wie man sehen kann hab ich code mit````
sudo code --user-data-dir=.


Leider konnte ich da noch nicht unter Windows testen da mein NUC zu langsahm ist und zu wenig Platz habe und ich am ArbeitsPC kein ioBroker drauf habe(n darf).

Es würde mich allerdings freuen von euch zu hören ob ihr es auch auf Windows geschafft habt!

apollon77

Coole Nummer …

Habe auch das hier gefunden: https://medium.com/@dakshika/remote-deb ... .v3poymfnx

Ich hab nen Mac als "Porgrammiermaschine" und ioBroker läuft auf Cubietrucks ... mal schauen ob das auch Remote geht :-)

apollon77

Korrekt das das Debugging nur mit node 6 funktioniert?

frankjoke

Hmm,

kann ich nicht sagen aber ich habe 6.9.2 installiert da es bessere Speicher/Geschwindigkeitswerte als 4.7 hat!

Einziges Manko: Musste einige Adapter neu installieren (siehe meinen Thread darüber, bedeutet aus node_modules löchen und mit npm install adapter –production neu drauf) wo ich draufgekommen bin dass die Scripts von ioBroker leider nicht ideal sind da sie alles doppelt installieren (da sie selbst leider mehrere Varianten verwenden)!

Danke für den Link, werd mal checken ob remote-debugging wirklich funktioniert. Meine Denkrinne verlief negativ denn wie starte (und editiere) ich die app auf dem remotes-system aus VSCode, ja, der Debugger kann sich daran binden!

Aber vielleicht hat da auch wer eine Lösung!

apollon77

Adapter-Install: Ich denke die Logik verlässt sich auf die "alte" npm Logik und Bluefox versucht das gerade zu beheben weil npm3 halt etwas anders tickt (js-controller 0.14 z.B.)

Bluefox

BTW: http://forum.iobroker.net/viewtopic.php?f=24&t=4577

frankjoke

Danke BlueFox, hast es geschafft damit auch remote zu debuggen? Ich meine Chrome läuft auf PC uns node/ioBroker adapter auf NUC or Raspi?

p.s.: Man kann auch ohne 'sudo code…' adapter debuggen wenn man code normal aufruft, aber eben nur solche die kein root brauchen. rpi2 (wegen GPIO) und radar (wegen noble) brauchen root z.B.

Bluefox

~~@fsjoke:~~

Danke BlueFox, hast es geschafft damit auch remote zu debuggen? Ich meine Chrome läuft auf PC uns node/ioBroker adapter auf NUC or Raspi?

p.s.: Man kann auch ohne 'sudo code…' adapter debuggen wenn man code normal aufruft, aber eben nur solche die kein root brauchen. rpi2 (wegen GPIO) und radar (wegen noble) brauchen root z.B. `
Ich konnte mit WebStorm schon remote debuggen.

Dafür muss man adapter wie folgt auf dem Gerät starten:

cd /opt/iobroker
iobroker stop mqtt
node --debug-brk=55555 --expose_debug_as=v8debug node_modules/iobroker.mqtt/main.js --force --logs

Und dann konnte WebStorm unter dem Port 55555 sich verbinden.

Es sollte mit VSCode auch gehen.

Bluefox

Habe gerade mit VS Code getestet. Es geht.

1. Kode vom github runterladen und im VS Code aufmachen.

Wichtig dieser Kode muss mit dem Remote Code übereinstimmen.

2. Anzeigen => Debuggen
48_2016-12-27_23_04_23-locale.json_-iobroker.samsung-_visual_studio_code.png

3. launch.json Editieren:
48_2016-12-27_23_05_15-launch.json_-iobroker.samsung-_visual_studio_code.png
Port und Adresse sind wichtig.

4. Auf dem RasPI (oder noch irgendwo) dann Prozess starten:

cd /opt/iobroker
node --debug-brk=55555 --expose_debug_as=v8debug node_modules/iobroker.samsung/samsung.js --force --logs

5. Dann auf "Play" Button neben "Attach" drucken.
48_2016-12-27_23_09_31-mnt_opt_iobroker_node_modules_iobroker.samsung_samsung.js-iobroker.samsung-_.png

Als Ergebnis hält dann Debugger auf der ersten Zeile vom Programm.

frankjoke

Hat hingehauen!

Einzige andere Vorgehensweise: Habe ein Samba-share auf allen meiner (/opt)/iobroker gelegt und kann damit mit de VSCode direkt auf den Code am Raspi/Unix/NUK zugreifen und hetzt auch remote-debuggen :)

Bei mir bleibt VSCode zwar nicht automatisch an der ersten Zeile stehen aber ich setzte sowieso einen breakpoint auf main()…

apollon77

Ich habe gestern Abend mit Debugging in "Atom" (den Editor nehme ich aktuell) rumgespielt. Grundsätzlich mit dem Prozessstart von Bluefox tut es … aber beide Debugger-Addons für Atom haben genau da Bugs wo ichs brauche (bei dem einen kann ich keinen Breakpoint setzen, der andere startet noch nicht mal mit dem Remote-Prozess) :-((

Dann also doch VSCode ... hm ... ;-)

Bluefox

Habe eine Anleitung gefunden wie man node.js debuggen kann:

http://www.mattzeunert.com/2016/06/01/n … spect.html

also

cd /opt/iobroker
iobroker stop adapterName
node --debug-brk node_modules/iobroker.adapterName/main.js --force --logs

dann kommt

Debugger listening on port 5858

VSCode/WebStorm kann dann mit IP:5858 verbinden und Adapter wartet auf Debugger.

ruhr70

Ich wollte mir Visual Studio Code ansehen und damit einen Adapter debugen (remote).

Leider scheitere ich dabei :-(

Auf dem Master läuft node v4.8.1

Auf dem Slave (pi 3) läuft node v6.10.0 <- hier soll der Adapter laufen

Der Adapter, um den es geht wurde auf dem Slave eingespielt (erst einmal das ioBroker.template).

(nach der Anleitung zum Template, Punkte 1-5 https://github.com/ioBroker/ioBroker.template)

Instanz auf dem Slave hinzugefügt und danach:

iobroker stop adapterName

pi@rasp33:~ $ node --debug-brk node_modules/iobroker.mhe-test/main.js --force --logs
Debugger listening on [::]:5858

Das Adapterverzeichnis node_modules/iobroker.mhe-test steht als SMB Share zur Verfügung und wurde in VSCode geöffnet.

Die launch.json wie folgt angepasst:

(IP-Adresse des Slaves eingetragen)

{
    // Use IntelliSense to learn about possible Node.js debug attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Programm starten",
            "program": "${workspaceRoot}/main.js"
        },
        {
            "type": "node",
            "request": "attach",
            "name": "An den Prozess anfügen",
            "address": "172.16.130.33",
            "port": 5858
        }
    ]
}

Wenn ich nun bei main.js auf Debug gehe erhalte ich folgende Rückmeldung:

DEBUG-KONSOLE in VSCode:

node --debug-brk=20556 --nolazy main.js 
Debugger listening on [::]:20556

Mir fehlt bei dem Thema einfach die Erfahrung. Vielleicht hat a jemanden einen kleinen gedanklichen Anschubes für mich :mrgreen:

ruhr70

OK… bin einen Schritt weiter :-)

Bei mir war der linke Bereich in VSCode recht klein. Neben dem grünen "Play-Button" musste ich noch "an den Prozess anfügen" auswählen. Im Standard steht das auf "Programm starten".

Jetzt kämpfe ich mich erst einmal weiter durch.

AlCalzone

Falls es jemanden interessiert, mit dem kompletten VS funktioniert das auch. Wenngleich das Anfügen etwas buggy ist (benötigt bei mir immer 2 Anläufe):

Auf Remote-Gerät per "node –debug-brk […]" den Prozess wartend starten
Strg+Alt+P zum Anfügen an Prozesse
Oben in der Liste Node.JS Remote Debuggin auswählen und darunter IP/Hostname eintragen [ENTER]
Remote-Gerät zeigt entweder Fehler oder startet den Prozess ohne zu warten
Abbrechen mit Strg+C und nochmals den obigen Befehl eingeben
In VS unten in der Liste den einzigen Prozess auswählen und "Anfügen"

frankjoke

Wollte diesen Beitrag mal wieder etwas ergänzen.

Hatte vorher immer Adapter auf einem Linux (in 'ner VM) oder unter Widows geschrieben und gedebuggt.

Nun wollte ich code am Raspi testen und schreiben, aber er ist headless, also nur über SSH (oder ioBroker) zu erreichen.

Um nun drauf trotzdem Adapter zu debuggen (direkt am Raspi) und nicht erst den fertigen Treiber von Git in ioBroker zu laden verwende ich folgende Methode:

Ich habe für das pi-Benutzerverzeichnis einen Samba-share angelegt mit dem ich auf den Pi über Windows zugreifen kann.

Im im pi-Benutzerverzeichnis lade ich mit git clone den Adapter herunter

git clone https://github.com/frankjoke/iobroker.broadlink2

Das ist wichtig da bei npm install (also im /opt/iobroker/… ) nicht alle Dateien zum synchronisieren mit Git geladen werden.

Im iobroker soll der Adapter schon installiert sein. Dann verlinke ich die beiden mittels einem script 'linkadapter'

#!/bin/sh

cpath=$(basename `pwd`)
for var in "$@"
do
    echo ln -f ./$var /opt/iobroker/node_modules/$cpath/$var
    sudo ln -f ./$var /opt/iobroker/node_modules/$cpath/$var
done

for var in package.json io-package.json README.md admin/index.html
do
    echo ln -f ./"$var" /opt/iobroker/node_modules/$cpath/$var
    sudo ln -f ./$var /opt/iobroker/node_modules/$cpath/$var
done

das schaut dann z.B. so aus:

cd ~/iobroker.broadlink2
~/linkadapter main.js
cd /opt/iobroker
iobroker stop broadlink2

Das script setzt links von ioBroker-Verzeichnis in das Verzeichnis in dem entwickelt wird.

Gut, unter Windows öffne ich jetzt das iobroker.broadlink2-Verzeichnis am Raspi mittels VS-Code.

Dort habe auch im Debug-panel eine Konfiguration hinzugefügt welche dann folgende launch.json erzeugt:

{
    // Use IntelliSense to learn about possible Node.js debug attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [

        {
            "type": "node",
            "request": "attach",
            "name": "JESSI4",
            "address": "192.168.xxx.xx",
            "port": 5858,
            "localRoot": "${workspaceRoot}",
            "remoteRoot": "/opt/iobroker/node_modules/iobroker.broadlink2",
            "smartStep": true,
        }
    ]
}

Mein Raspi heißt JESSI4 und seine IP hab ich auch eingetragen, sowie die Folder des Adapters.

Nun kann ich am Raspi mit dem Kommando

 node --debug-brk node_modules/iobroker.broadlink2/main.js --force --logs

den Adapter im debug-mode starten und vor der 1. Zeile auf den debugger warten lassen

Im VS Code clicke ich dann einfach auf den grünen Pfeil vorm 'JESSI4' und das Remote-Debug-Window kommt hoch!

Am Raspi kann ich den Adapter und die Debug-Session mit ^C stoppen. Adapter-Meldungen werden im Terminal vom Raspi ausgegeben.

Ach ja, natrürlich kann ich mit VS Code auch gleich auf git pushen/committen… und am Raspi auch npm publish!

Meistertr

Hi,

ich versuch gerade das remote debugging mit vs-code und node8, bekomme aber immer folgende Fehlermeldung:
> Das Debugging erfolgt mit dem Inspektorprotokoll, weil die Node.js-Version nicht ermittelt werden konnte (Error: connect ECONNREFUSED 192.168.178.22:9229)
hier die Terminalmeldung:
` > root@devbroker:/opt/iobroker# node –inspect-brk node_modules/iobroker.yeelight-2/main.js --force --logs

Debugger listening on ws://127.0.0.1:9229/068d2900-7dd5-4238-bb57-98d5ebe0fffe

For help see https://nodejs.org/en/docs/inspector `

wie muss denn meine lanch.json aussehen kann mirt jemand helfen?

AlCalzone

> Debugger listening on ws://127.0.0.1:9229
probier mal zusätzlich die Option

--inspect=0.0.0.0:9229

um node klarzumachen, dass es nicht nur auf der lokalen Loopback-IP lauschen soll.

Meistertr

super hat geklappt, die breakpoints klappen nicht, ist das normal oder kann ich das auch noch irgendwo einstellen?

AlCalzone

Ich habe definitiv auch schon mit Breakpoints debuggt. Woran das liegt, weiß ich aber jetzt nicht aus dem Kopf.

Bei TypeScript ist manchmal das Problem, dass das Source-Mapping nicht funktioniert und die BPs daher im generierten JS-File erstellt werden müssen. Bei reinem JS sollte das aber kein Problem sein.

Community Forum

NEWS

Adapter debuggen mit VSCode

Support us

789

32.4k

81.5k

1.3m