{"id":7745,"date":"2017-02-06T18:28:00","date_gmt":"2017-02-06T17:28:00","guid":{"rendered":"http:\/\/blog.wenzlaff.de\/?p=7745"},"modified":"2018-09-07T16:25:42","modified_gmt":"2018-09-07T14:25:42","slug":"upgrade-von-node-red-contrib-ui-nach-node-red-dashboard","status":"publish","type":"post","link":"http:\/\/blog.wenzlaff.de\/?p=7745","title":{"rendered":"Upgrade von Node-RED-Contrib-UI nach Node-RED-Dashboard"},"content":{"rendered":"<p>Auf meinem Raspberry Pi l\u00e4uft Node-Red. Nun wird seit einiger Zeit die <a href=\"https:\/\/flows.nodered.org\/\" target=\"_blank\">Node-RED-Contrib-UI<\/a> Gui nicht weiter entwickelt. Also mal die passende Gelegenheit es zu l\u00f6schen und den Nachfolger das <a href=\"https:\/\/flows.nodered.org\/\" target=\"_blank\">Node-RED-Dashboard<\/a> zu installieren. Der Node hat eine sch\u00f6ne GUI, wie <a href=\"https:\/\/flows.nodered.org\/\" target=\"_blank\">diese<\/a> Bilder zeigen. Er l\u00e4uf ab Node-RED version 0.14.<\/p>\n<p>Vor dem update nicht vergessen, die alten Flows zu sichern.<\/p>\n<pre class=\"lang:default decode:true \">\r\n# den alten Node l\u00f6schen\r\ncd ~\/.node-red \r\nsudo npm uninstall node-red-contrib-ui\r\n# den neuen installieren\r\nsudo npm install node-red-dashboard\r\nsudo reboot\r\n<\/pre>\n<p>Nun k\u00f6nnen die neuen GUI-Elemente verwendet werden, hier links die verf\u00fcgbaren Elemente.<\/p>\n<p><a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/02\/Bildschirmfoto-2017-02-06-um-18.13.36.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7746\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/02\/Bildschirmfoto-2017-02-06-um-18.13.36.png\" alt=\"\" width=\"1449\" height=\"1051\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/02\/Bildschirmfoto-2017-02-06-um-18.13.36.png 1449w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/02\/Bildschirmfoto-2017-02-06-um-18.13.36-300x218.png 300w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/02\/Bildschirmfoto-2017-02-06-um-18.13.36-768x557.png 768w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/02\/Bildschirmfoto-2017-02-06-um-18.13.36-1024x743.png 1024w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><!--more--><\/p>\n<p>In diesen Beispiel Flow, wird ein MP3 Datei einfach abgespielt wenn man auf den Button klickt und es wird ein Messagebox angezeigt. Bei mir l\u00e4uft die Soundausgabe \u00fcber einen per Bluetooth erreichbaren Lautsprecher.<\/p>\n<p><a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/02\/Bildschirmfoto-2017-02-06-um-18.13.54.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7747\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/02\/Bildschirmfoto-2017-02-06-um-18.13.54.png\" alt=\"\" width=\"1011\" height=\"675\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/02\/Bildschirmfoto-2017-02-06-um-18.13.54.png 1011w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/02\/Bildschirmfoto-2017-02-06-um-18.13.54-300x200.png 300w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2017\/02\/Bildschirmfoto-2017-02-06-um-18.13.54-768x513.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Hier der Beispiel-Code:<\/p>\n<pre class=\"lang:default decode:true \" >[\r\n    {\r\n        \"id\": \"2b687749.7912a8\",\r\n        \"type\": \"inject\",\r\n        \"z\": \"c2543971.b84f5\",\r\n        \"name\": \"Start Testsound\",\r\n        \"topic\": \"\",\r\n        \"payload\": \"\",\r\n        \"payloadType\": \"date\",\r\n        \"repeat\": \"\",\r\n        \"crontab\": \"\",\r\n        \"once\": false,\r\n        \"x\": 140,\r\n        \"y\": 100,\r\n        \"wires\": [\r\n            [\r\n                \"dbbcb2f9.380d58\"\r\n            ]\r\n        ]\r\n    },\r\n    {\r\n        \"id\": \"dbbcb2f9.380d58\",\r\n        \"type\": \"play_audio_file\",\r\n        \"z\": \"c2543971.b84f5\",\r\n        \"filename\": \"\/home\/pi\/aufnahmen\/-ding-ding-dong-gong-tagesschau-es-ist-nun-8-uhr.mp3\",\r\n        \"x\": 360,\r\n        \"y\": 100,\r\n        \"wires\": [\r\n            []\r\n        ]\r\n    },\r\n    {\r\n        \"id\": \"27dbc50e.c179a2\",\r\n        \"type\": \"ui_button\",\r\n        \"z\": \"c2543971.b84f5\",\r\n        \"name\": \"\",\r\n        \"group\": \"c18727d3.1b7608\",\r\n        \"order\": 0,\r\n        \"width\": 0,\r\n        \"height\": 0,\r\n        \"label\": \"Start Testsound\",\r\n        \"color\": \"\",\r\n        \"bgcolor\": \"\",\r\n        \"icon\": \"\",\r\n        \"payload\": \"Sound abgespielt\",\r\n        \"payloadType\": \"str\",\r\n        \"topic\": \"\",\r\n        \"x\": 120,\r\n        \"y\": 200,\r\n        \"wires\": [\r\n            [\r\n                \"dbbcb2f9.380d58\",\r\n                \"6d4deb37.760e64\"\r\n            ]\r\n        ]\r\n    },\r\n    {\r\n        \"id\": \"6d4deb37.760e64\",\r\n        \"type\": \"ui_toast\",\r\n        \"z\": \"c2543971.b84f5\",\r\n        \"position\": \"dialog\",\r\n        \"displayTime\": \"3\",\r\n        \"outputs\": 1,\r\n        \"ok\": \"OK\",\r\n        \"cancel\": \"\",\r\n        \"topic\": \"\",\r\n        \"name\": \"Sound wird abgespielt\",\r\n        \"x\": 380,\r\n        \"y\": 200,\r\n        \"wires\": [\r\n            []\r\n        ]\r\n    },\r\n    {\r\n        \"id\": \"3b378889.7fd4b8\",\r\n        \"type\": \"comment\",\r\n        \"z\": \"c2543971.b84f5\",\r\n        \"name\": \"www.wenzlaff.info\",\r\n        \"info\": \"\",\r\n        \"x\": 110,\r\n        \"y\": 40,\r\n        \"wires\": []\r\n    },\r\n    {\r\n        \"id\": \"c18727d3.1b7608\",\r\n        \"type\": \"ui_group\",\r\n        \"z\": \"\",\r\n        \"name\": \"Default\",\r\n        \"tab\": \"a9e39ea1.b18f3\",\r\n        \"disp\": true,\r\n        \"width\": \"6\"\r\n    },\r\n    {\r\n        \"id\": \"a9e39ea1.b18f3\",\r\n        \"type\": \"ui_tab\",\r\n        \"z\": \"\",\r\n        \"name\": \"wenzlaff.info\",\r\n        \"icon\": \"dashboard\"\r\n    }\r\n]<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Auf meinem Raspberry Pi l\u00e4uft Node-Red. Nun wird seit einiger Zeit die Node-RED-Contrib-UI Gui nicht weiter entwickelt. Also mal die passende Gelegenheit es zu l\u00f6schen und den Nachfolger das Node-RED-Dashboard zu installieren. Der Node hat eine sch\u00f6ne GUI, wie diese Bilder zeigen. Er l\u00e4uf ab Node-RED version 0.14. Vor dem update nicht vergessen, die alten &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/blog.wenzlaff.de\/?p=7745\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eUpgrade von Node-RED-Contrib-UI nach Node-RED-Dashboard\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[220,2520,1023],"tags":[2473,2733,2732],"class_list":["post-7745","post","type-post","status-publish","format-standard","hentry","category-anleitung","category-node-red","category-raspberry-pi","tag-node-red","tag-node-red-contrib-ui","tag-node-red-dashboard"],"_links":{"self":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/7745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7745"}],"version-history":[{"count":0,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/7745\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7745"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}