NEWS
JavaScript - erste Gehversuche
-
Da uns Blockly mittlerweile nicht mehr ausreicht, startet ich heute erste Gehversuche, mittels JavaScript unsere Möglichkeiten zu erweitern. Als erstes Ziel: Eine Eingabe realisieren. Hier mein erster Versuch ..
let eingabe; alert("Bitte gib hier eine Zahl ein!") eingabe=prompt("Eingabe:", "0"); return eingabe;
Offenbar stehen weder alert noch prompt zur Verfügung. Sie werden als undefined abgewiesen.
Weiß jemand Rat, wie ich dennoch mein Vorhaben umsetzen kann?
Evtl nochmal zum unterschied JavaScript im Browser und JavaScript auf dem Server.
Auf dem Server nennt sich das Node
Bei Node hat man die unter mithilfe von Google für den freien Browser chromium entwickelte JavaScript Engine V8 separiert und mit weiteren Bibliotheken versehen die im Browser nicht zur Verfügung stehen (dateizugriff auf file System, erweiterte netzwerkmöglichkeiten)
Darüber hinaus hat man Funktionen entfernt die auf dem Server keinen Sinn machen (das erwähnt alert, das ganze html/XML objektmodell mit seinen Methoden, die api zur Kommunikation mit dem Browser (navigator) etc.
Wenn du Hilfe zum Browser JavaScript haben willst schau bei
https://developer.mozilla.org/en-US/docs/WebWenn du Hilfe zu Node haben willst
Dann schau bei
https://nodejs.org/api/Iobroker hat da auch noch ein paar Befehle hinzugefügt, die findest du bei
https://github.com/ioBroker/ioBroker.javascript/blob/master/docs/en/javascript.md -
Evtl nochmal zum unterschied JavaScript im Browser und JavaScript auf dem Server.
Auf dem Server nennt sich das Node
Bei Node hat man die unter mithilfe von Google für den freien Browser chromium entwickelte JavaScript Engine V8 separiert und mit weiteren Bibliotheken versehen die im Browser nicht zur Verfügung stehen (dateizugriff auf file System, erweiterte netzwerkmöglichkeiten)
Darüber hinaus hat man Funktionen entfernt die auf dem Server keinen Sinn machen (das erwähnt alert, das ganze html/XML objektmodell mit seinen Methoden, die api zur Kommunikation mit dem Browser (navigator) etc.
Wenn du Hilfe zum Browser JavaScript haben willst schau bei
https://developer.mozilla.org/en-US/docs/WebWenn du Hilfe zu Node haben willst
Dann schau bei
https://nodejs.org/api/Iobroker hat da auch noch ein paar Befehle hinzugefügt, die findest du bei
https://github.com/ioBroker/ioBroker.javascript/blob/master/docs/en/javascript.mdVielen Dank für deine Hinweise.
Mittlerweile habe ich etwas ganz Tolles gefunden: Visual Studio Code :slightly_smiling_face:
Mit der Erweiterung ioBroker.javascript kann man offenbar sehr komfortabel JS-Code in ioBroker editieren.
Raspberry Pi 5 mit 8GB + 120GB SSD + Coordinator COD-m + ioBroker ..
-
Vielen Dank für deine Hinweise.
Mittlerweile habe ich etwas ganz Tolles gefunden: Visual Studio Code :slightly_smiling_face:
Mit der Erweiterung ioBroker.javascript kann man offenbar sehr komfortabel JS-Code in ioBroker editieren.
@legro
Ja der ist sehr gut. Allerdings fehlen dir in vs Code die
Iobroker spezifischen Befehle.
So wie gerade eben an anderer Stellenmarkt Forum geschrieben mache ich mir wrapper Funktionen die genau das zurückgeben was ich zum Test benötige.
Wenn der Code dann funktioniert kann man ihn dann zum Iobroker Test nach Iobroker rüber kopierenMeine Adapter und Widgets
TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
Links im Profil -
@legro
Ja der ist sehr gut. Allerdings fehlen dir in vs Code die
Iobroker spezifischen Befehle.
So wie gerade eben an anderer Stellenmarkt Forum geschrieben mache ich mir wrapper Funktionen die genau das zurückgeben was ich zum Test benötige.
Wenn der Code dann funktioniert kann man ihn dann zum Iobroker Test nach Iobroker rüber kopierenDank deiner Erläuterungen lichtet sich der Nebel. Dennoch habe ich noch Fragen.
In dem JavaScript-Adapter kann man zum Programmieren ja zwischen verschiedenen Editoren wählen: Rules, Blockly, Javascript und Typescript.
Was es mit dem ersten und letzten Editor auf sich hat, ist mir unbekannt und zur Zeit (noch) nicht wichtig. Deine Aussage „Javascript im Browser ..“ und „Blockly auf dem Server ..“ verwirren mich. Ich dachte, dass beide Scriptformen vom selben Interpreter (also nodejs) verarbeitet werden, lediglich der nutzbare Sprachumfang ist bei Blockly eingeschränkt. Mithin sollten in den Blockly-Bausteinen Javascript-Funktion und JS-Funktion mit Ergebnis derselbe Code wie im Javascript-Editor verwendet werden können.
Kannst du bitte helfen, mein Verständnis zu verbessern?
Raspberry Pi 5 mit 8GB + 120GB SSD + Coordinator COD-m + ioBroker ..
-
Dank deiner Erläuterungen lichtet sich der Nebel. Dennoch habe ich noch Fragen.
In dem JavaScript-Adapter kann man zum Programmieren ja zwischen verschiedenen Editoren wählen: Rules, Blockly, Javascript und Typescript.
Was es mit dem ersten und letzten Editor auf sich hat, ist mir unbekannt und zur Zeit (noch) nicht wichtig. Deine Aussage „Javascript im Browser ..“ und „Blockly auf dem Server ..“ verwirren mich. Ich dachte, dass beide Scriptformen vom selben Interpreter (also nodejs) verarbeitet werden, lediglich der nutzbare Sprachumfang ist bei Blockly eingeschränkt. Mithin sollten in den Blockly-Bausteinen Javascript-Funktion und JS-Funktion mit Ergebnis derselbe Code wie im Javascript-Editor verwendet werden können.
Kannst du bitte helfen, mein Verständnis zu verbessern?
@legro sagte in JavaScript - erste Gehversuche:
Deine Aussage „Javascript im Browser ..“
ist ein in einem Browser laufendes Javascript im Gegensatz zu dem auf dem (ioBroker)-Server laufenden Javascript oder Blockly.
ersteres gibt es bei ioBroker höchstens als js-Script innerhalb der vis, jedoch nicht über den js-Adapter -
Dank deiner Erläuterungen lichtet sich der Nebel. Dennoch habe ich noch Fragen.
In dem JavaScript-Adapter kann man zum Programmieren ja zwischen verschiedenen Editoren wählen: Rules, Blockly, Javascript und Typescript.
Was es mit dem ersten und letzten Editor auf sich hat, ist mir unbekannt und zur Zeit (noch) nicht wichtig. Deine Aussage „Javascript im Browser ..“ und „Blockly auf dem Server ..“ verwirren mich. Ich dachte, dass beide Scriptformen vom selben Interpreter (also nodejs) verarbeitet werden, lediglich der nutzbare Sprachumfang ist bei Blockly eingeschränkt. Mithin sollten in den Blockly-Bausteinen Javascript-Funktion und JS-Funktion mit Ergebnis derselbe Code wie im Javascript-Editor verwendet werden können.
Kannst du bitte helfen, mein Verständnis zu verbessern?
@legro sagte in JavaScript - erste Gehversuche:
Deine Aussage „Javascript im Browser ..“ und „Blockly auf dem Server ..“
Ersteres ist der JS-Interpreter (Engine) die der jeweilige Browser mitbringt. Beim FireFox ist das z.B. "SpiderMonkey", beim Edge ist es "Chakra" und in Safari werkelt "JavaScriptCore".
Da der Browser auch als UI fungiert, kann man dort auch alles verwenden, was mit dem Benutzer interagiert.
In der VIS kann man bei Bedarf noch JS hinterlegen. Das braucht man dort aber nur in Ausnahmefällen. Meist bringen die Widgets alles mit was so gebraucht wird.Blockly auf dem Server wird zwar mit dem Browser bedient, es generiert aber JS für die in ioBroker verwendete Engine "Node.js". Da es sich hierbei um "server-side-javascript" handelt, ist die Engine z.B. um alles kastriert was Interaktion betrifft. Dafür aber um Dinge erweitert, die auf einem Server wichtig sind, z.B. der Zugriff auf's Dateisystem.
Wichtig für Dich, wenn Du JS lernen möchtest: Die Überschneidungen sind riesig. Die allermeisten Dinge kann man in beiden Welten verwenden. Syntax und Semantik sind identisch.
Der Browser kann halt nicht auf's Dateisystem zugreifen (Sandbox, wäre ja noch schöner, wenn eine Webseite auf meiner Platte rumrühren dürfte) und auf dem Server verbietet sich aus genannten Gründen alles was Interaktion betrifft. Es ist halt hier kein User da, dem man etwas mitteilen könnte.Ich hoffe, ich konnte den Nebel noch ein wenig lichten ;-)
Um zu Deinem Anwendungsfall zurückzukommen:
Werte darstellen und Benutzereingaben empfangen und in DP schreiben? Das geht komplett ohne JS mit den passenden Widgets in der VIS. -
@legro
Ja der ist sehr gut. Allerdings fehlen dir in vs Code die
Iobroker spezifischen Befehle.
So wie gerade eben an anderer Stellenmarkt Forum geschrieben mache ich mir wrapper Funktionen die genau das zurückgeben was ich zum Test benötige.
Wenn der Code dann funktioniert kann man ihn dann zum Iobroker Test nach Iobroker rüber kopieren@oliverio sagte in JavaScript - erste Gehversuche:
@legro
Ja der ist sehr gut. Allerdings fehlen dir in vs Code die
Iobroker spezifischen BefehleNein, die fehlen nicht, du kannst dir die "ioBroker Erweiterung" laden. Matthias hat dazu ein Video gepostet. Siehe hier:
Link Text -
@oliverio sagte in JavaScript - erste Gehversuche:
@legro
Ja der ist sehr gut. Allerdings fehlen dir in vs Code die
Iobroker spezifischen BefehleNein, die fehlen nicht, du kannst dir die "ioBroker Erweiterung" laden. Matthias hat dazu ein Video gepostet. Siehe hier:
Link Text@karel-puhli
Ah sehr gut,
Da hat jemand eine Erweiterung geschrieben die das etwas komfortabler macht. -
@karel-puhli
Ah sehr gut,
Da hat jemand eine Erweiterung geschrieben die das etwas komfortabler macht. -
@legro sagte in JavaScript - erste Gehversuche:
Deine Aussage „Javascript im Browser ..“ und „Blockly auf dem Server ..“
Ersteres ist der JS-Interpreter (Engine) die der jeweilige Browser mitbringt. Beim FireFox ist das z.B. "SpiderMonkey", beim Edge ist es "Chakra" und in Safari werkelt "JavaScriptCore".
Da der Browser auch als UI fungiert, kann man dort auch alles verwenden, was mit dem Benutzer interagiert.
In der VIS kann man bei Bedarf noch JS hinterlegen. Das braucht man dort aber nur in Ausnahmefällen. Meist bringen die Widgets alles mit was so gebraucht wird.Blockly auf dem Server wird zwar mit dem Browser bedient, es generiert aber JS für die in ioBroker verwendete Engine "Node.js". Da es sich hierbei um "server-side-javascript" handelt, ist die Engine z.B. um alles kastriert was Interaktion betrifft. Dafür aber um Dinge erweitert, die auf einem Server wichtig sind, z.B. der Zugriff auf's Dateisystem.
Wichtig für Dich, wenn Du JS lernen möchtest: Die Überschneidungen sind riesig. Die allermeisten Dinge kann man in beiden Welten verwenden. Syntax und Semantik sind identisch.
Der Browser kann halt nicht auf's Dateisystem zugreifen (Sandbox, wäre ja noch schöner, wenn eine Webseite auf meiner Platte rumrühren dürfte) und auf dem Server verbietet sich aus genannten Gründen alles was Interaktion betrifft. Es ist halt hier kein User da, dem man etwas mitteilen könnte.Ich hoffe, ich konnte den Nebel noch ein wenig lichten ;-)
Um zu Deinem Anwendungsfall zurückzukommen:
Werte darstellen und Benutzereingaben empfangen und in DP schreiben? Das geht komplett ohne JS mit den passenden Widgets in der VIS.@codierknecht said in JavaScript - erste Gehversuche:
Ich hoffe, ich konnte den Nebel noch ein wenig lichten ;-)
Danke für deine Beiträge.
Mich hatten die Antworten zu JavaScript irritiert. Das lag wohl auch daran, dass ich (noch) nicht so recht wusste, die Fragen korrekt zu formulieren. Eigentlich wollte ich nur wissen, ob der Sprachumfang, den man im JavaScript-Editor verwenden kann, derselbe ist, den man auch in den Blockly Funktionsblöcken einpflegen kann. Da in beiden Fällen NodeJs der Interpreter für den Code ist, sollte die Antwort wohl ein schlichtes Ja sein.
Dass die Oberfläche von ioBroker natürlich ebenfalls in JavaScript kodiert ist und dieser Code natürlich an anderer Stelle interpretiert wird, war ja eigentlich klar.
Nun stehe ich vor dem nächsten Problem: Wo finde ich eine Dokumentation über den Sprachumfang von NodeJS? Beispielsweise ist eines meiner Ziele, Aufzählungen (enumeration) über JavaScript zu verwalten (Elemente hinzufügen/löschen).
Raspberry Pi 5 mit 8GB + 120GB SSD + Coordinator COD-m + ioBroker ..
-
@codierknecht said in JavaScript - erste Gehversuche:
Ich hoffe, ich konnte den Nebel noch ein wenig lichten ;-)
Danke für deine Beiträge.
Mich hatten die Antworten zu JavaScript irritiert. Das lag wohl auch daran, dass ich (noch) nicht so recht wusste, die Fragen korrekt zu formulieren. Eigentlich wollte ich nur wissen, ob der Sprachumfang, den man im JavaScript-Editor verwenden kann, derselbe ist, den man auch in den Blockly Funktionsblöcken einpflegen kann. Da in beiden Fällen NodeJs der Interpreter für den Code ist, sollte die Antwort wohl ein schlichtes Ja sein.
Dass die Oberfläche von ioBroker natürlich ebenfalls in JavaScript kodiert ist und dieser Code natürlich an anderer Stelle interpretiert wird, war ja eigentlich klar.
Nun stehe ich vor dem nächsten Problem: Wo finde ich eine Dokumentation über den Sprachumfang von NodeJS? Beispielsweise ist eines meiner Ziele, Aufzählungen (enumeration) über JavaScript zu verwalten (Elemente hinzufügen/löschen).
Du fängst aber sehr hoch an - nur meine Meinung
Versuche doch erst Mal simple Schaltungen zu machen oder Mal das arbeiten mit selektoren und anderen schleifen
Der Rest kommt dann mit Forum Hilfe von allein
Wieviele Javascript Scripte hast du bis jetzt in iob geschrieben?
-
Du fängst aber sehr hoch an - nur meine Meinung
Versuche doch erst Mal simple Schaltungen zu machen oder Mal das arbeiten mit selektoren und anderen schleifen
Der Rest kommt dann mit Forum Hilfe von allein
Wieviele Javascript Scripte hast du bis jetzt in iob geschrieben?
@liv-in-sky said in JavaScript - erste Gehversuche:
Du fängst aber sehr hoch an - nur meine Meinung
Für einfache Dinge nehme ich doch Blockly.:relaxed:
Von meinem beruflichen Werdegang aus gesehen sind das Kleinigkeiten.:blush: Im Ruhestand möchte ich nicht ganz einrosten.
Was mir bei JavaScript Schwierigkeiten bereitet, ist in erster Linie das Fehlen einer kompakten und vollständigen Dokumentation. Ich habe das Gefühl, dass ich die meiste Zeit mit Suchen zu bringe und nur einen kleinen Teil für die eigentliche Programmierung.:confused: Auch fehlt mir eine ordentliche IDE, mittels der ich wie gewohnt meine Anwendungen/Projekte verwalten und vor allem auch debuggen kann.
Sei‘s d‘rum. Ich muss nicht davon leben. Das Ganze ist bloß ein Hobby. Dank eurer Hilfe werde ich hoffentlich die Dinge finden und verstehen, die mir fehlen.
Raspberry Pi 5 mit 8GB + 120GB SSD + Coordinator COD-m + ioBroker ..
-
@liv-in-sky said in JavaScript - erste Gehversuche:
Du fängst aber sehr hoch an - nur meine Meinung
Für einfache Dinge nehme ich doch Blockly.:relaxed:
Von meinem beruflichen Werdegang aus gesehen sind das Kleinigkeiten.:blush: Im Ruhestand möchte ich nicht ganz einrosten.
Was mir bei JavaScript Schwierigkeiten bereitet, ist in erster Linie das Fehlen einer kompakten und vollständigen Dokumentation. Ich habe das Gefühl, dass ich die meiste Zeit mit Suchen zu bringe und nur einen kleinen Teil für die eigentliche Programmierung.:confused: Auch fehlt mir eine ordentliche IDE, mittels der ich wie gewohnt meine Anwendungen/Projekte verwalten und vor allem auch debuggen kann.
Sei‘s d‘rum. Ich muss nicht davon leben. Das Ganze ist bloß ein Hobby. Dank eurer Hilfe werde ich hoffentlich die Dinge finden und verstehen, die mir fehlen.
@legro sagte in JavaScript - erste Gehversuche:
Dank eurer Hilfe werde ich hoffentlich die Dinge finden und verstehen, die mir fehlen
avon kannst du ausgehen - da findet sich immer jmd, der hilfe anbietet
-
@liv-in-sky said in JavaScript - erste Gehversuche:
Du fängst aber sehr hoch an - nur meine Meinung
Für einfache Dinge nehme ich doch Blockly.:relaxed:
Von meinem beruflichen Werdegang aus gesehen sind das Kleinigkeiten.:blush: Im Ruhestand möchte ich nicht ganz einrosten.
Was mir bei JavaScript Schwierigkeiten bereitet, ist in erster Linie das Fehlen einer kompakten und vollständigen Dokumentation. Ich habe das Gefühl, dass ich die meiste Zeit mit Suchen zu bringe und nur einen kleinen Teil für die eigentliche Programmierung.:confused: Auch fehlt mir eine ordentliche IDE, mittels der ich wie gewohnt meine Anwendungen/Projekte verwalten und vor allem auch debuggen kann.
Sei‘s d‘rum. Ich muss nicht davon leben. Das Ganze ist bloß ein Hobby. Dank eurer Hilfe werde ich hoffentlich die Dinge finden und verstehen, die mir fehlen.
-
@oliverio said in JavaScript - erste Gehversuche:
@legro
Oben hatte ich dir die links zu den Dokumentationen verlinktDie Beschreibung zu NodeJS erschlägt einen Jeden regelrecht. Hiervon abgeschreckt hatte ich mir den letzten Hinweis erst gar nicht mehr angeschaut.
Ich will bloß die Elemente in ioBroker selbst bearbeiten. Was ich suche ist offenbar in dem dritten Link.:+1: :slightly_smiling_face:
Raspberry Pi 5 mit 8GB + 120GB SSD + Coordinator COD-m + ioBroker ..
-
@oliverio said in JavaScript - erste Gehversuche:
@legro
Oben hatte ich dir die links zu den Dokumentationen verlinktDie Beschreibung zu NodeJS erschlägt einen Jeden regelrecht. Hiervon abgeschreckt hatte ich mir den letzten Hinweis erst gar nicht mehr angeschaut.
Ich will bloß die Elemente in ioBroker selbst bearbeiten. Was ich suche ist offenbar in dem dritten Link.:+1: :slightly_smiling_face:
@legro
Die Dokumentationen sind nicht da um sie erst mal durchzulesen.
Eher zum nachschlagen Wendung auf der Suche nach einer Lösung für ein bestimmtes Problem bist.
Bei Node kann man sich mal ein Überblick schaffen was grundsätzlich alles für Bibliotheken vorhanden sind die schon direkt eingebaut sind.
Ansonsten benötigst du dann schon eher ein javascript Tutorial
Ja, der 3. link sind die Erweiterungen die nur im Iobroker verfügbar sind.
Ansonsten gibt es dann auch noch das Paket repository mit schier unendlichen Möglichkeiten der Erweiterung -
@legro
Die Dokumentationen sind nicht da um sie erst mal durchzulesen.
Eher zum nachschlagen Wendung auf der Suche nach einer Lösung für ein bestimmtes Problem bist.
Bei Node kann man sich mal ein Überblick schaffen was grundsätzlich alles für Bibliotheken vorhanden sind die schon direkt eingebaut sind.
Ansonsten benötigst du dann schon eher ein javascript Tutorial
Ja, der 3. link sind die Erweiterungen die nur im Iobroker verfügbar sind.
Ansonsten gibt es dann auch noch das Paket repository mit schier unendlichen Möglichkeiten der Erweiterung@oliverio said in JavaScript - erste Gehversuche:
Die Dokumentationen sind .. Eher zum nachschlagen
Ansonsten benötigst du dann schon eher ein javascript TutorialZu JavaScript habe ich ein solches Tutorial ja gefunden. Nachdem ich dieses fleißig durchgearbeitet habe, möchte ich nun endlich daran gehen, die mir in Blockly fehlenden Element selbst zu erstellen.
Ja, der 3. link sind die Erweiterungen die nur im Iobroker verfügbar sind.
.. und genau diese habe ich gesucht.
Jetzt geht‘s ans mühsame Einarbeiten. Vieles muss ich wohl durch rumprobieren rausfinden. Wenn man nicht in der Materie steckt, ist dies am Anfang wie ein Stochern im Nebel.:confused:
Raspberry Pi 5 mit 8GB + 120GB SSD + Coordinator COD-m + ioBroker ..
-
@oliverio said in JavaScript - erste Gehversuche:
Die Dokumentationen sind .. Eher zum nachschlagen
Ansonsten benötigst du dann schon eher ein javascript TutorialZu JavaScript habe ich ein solches Tutorial ja gefunden. Nachdem ich dieses fleißig durchgearbeitet habe, möchte ich nun endlich daran gehen, die mir in Blockly fehlenden Element selbst zu erstellen.
Ja, der 3. link sind die Erweiterungen die nur im Iobroker verfügbar sind.
.. und genau diese habe ich gesucht.
Jetzt geht‘s ans mühsame Einarbeiten. Vieles muss ich wohl durch rumprobieren rausfinden. Wenn man nicht in der Materie steckt, ist dies am Anfang wie ein Stochern im Nebel.:confused:
Support us
304
Online32.7k
Users82.4k
Topics1.3m
Posts