{"id":25764,"date":"2016-08-27T09:07:54","date_gmt":"2016-08-27T09:07:54","guid":{"rendered":"http:\/\/randomnerdtutorials.com\/?p=25764"},"modified":"2019-04-02T10:23:31","modified_gmt":"2019-04-02T10:23:31","slug":"upgrade-from-node-red-contrib-ui-to-node-red-dashboard","status":"publish","type":"post","link":"https:\/\/randomnerdtutorials.com\/upgrade-from-node-red-contrib-ui-to-node-red-dashboard\/","title":{"rendered":"Upgrade from Node-RED-Contrib-UI to Node-RED-Dashboard"},"content":{"rendered":"<p><a href=\"https:\/\/randomnerdtutorials.com\/getting-started-with-node-red-dashboard\/\"><strong><span style=\"color: #ff0000;\">[NEW GUIDE] Learn how to use\u00a0Node-RED Dashboard with your Raspberry Pi<\/span><\/strong><\/a><\/p>\n<p>If you followed the <a href=\"https:\/\/randomnerdtutorials.com\/build-a-home-automation-system-for-100\/\" target=\"_blank\" rel=\"noopener noreferrer\">Build a Home Automation System for $100 course<\/a> prior to August 27 2016, you know that I\u2019ve used Node-RED-Contrib-UI to build the user interface\u00a0for the home automation system. But, sadly the guy that developed the Node-RED-Contrib-UI will no longer be able to update that package.<\/p>\n<p>Luckily, the Node-RED team announced that Node-RED-Contribu-UI will continue to be developed\u00a0under\u00a0a new name: Node-RED-Dashboard.<\/p>\n<h3>You have two options<\/h3>\n<p>If you have the original course (before August 27 2016) and you have Node-RED-Contrib-UI on your Node-RED installation you have two options:<\/p>\n<ol>\n<li>Follow these next instructions to migrate from Node-RED-Contrib-UI to Node-RED-Dashboard<\/li>\n<li>Continue using Node-RED-Contrib-UI. It will continue to work, but will no longer be updated<\/li>\n<\/ol>\n<p>Now, it\u2019s up to you. Migrating all the nodes and update the Arduino code will take a couple of hours and you\u2019ll have to follow the course since Module\u00a05\u00a0Unit\u00a02.<\/p>\n<h3>Exporting and backing up your Node-RED nodes<\/h3>\n<p>I encourage you to <a href=\"https:\/\/randomnerdtutorials.com\/exporting-and-backing-up-your-node-red-nodes\/\" target=\"_blank\" rel=\"noopener noreferrer\">export\/back up all your Node-RED nodes<\/a> before you continue.<\/p>\n<h3>Migration from Node-RED-Contrib-UI<\/h3>\n<p>Node-RED-Contrib-UI MUST be uninstalled before installing node-red-dashboard.<\/p>\n<pre>pi@raspberry:~ $ <strong>sudo apt-get install npm<\/strong>\r\npi@raspberry:~ $ <strong>sudo npm install -g npm@2.x<\/strong> \r\npi@raspberry:~ $ <strong>hash -r<\/strong>\r\npi@raspberry:~ $<strong> cd ~\/.node-red<\/strong> \r\npi@raspberry:~\/.node-red $ <strong>sudo npm uninstall node-red-contrib-ui<\/strong><\/pre>\n<h3>Installing Node-RED-Dashboard<\/h3>\n<p>Run these two commands to install Node-RED Dashboard and reboot your Pi:<\/p>\n<pre>pi@raspberry:~\/.node-red $ <strong>sudo npm install node-red-dashboard<\/strong>\r\npi@raspberry:~\/.node-red $ <strong>sudo reboot<\/strong><\/pre>\n<p><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-25775\" src=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/terminal-upgrade-complete.jpg?resize=1183%2C370&#038;quality=100&#038;strip=all&#038;ssl=1\" alt=\"terminal upgrade complete\" width=\"1183\" height=\"370\" srcset=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/terminal-upgrade-complete.jpg?w=1183&amp;quality=100&amp;strip=all&amp;ssl=1 1183w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/terminal-upgrade-complete.jpg?resize=150%2C47&amp;quality=100&amp;strip=all&amp;ssl=1 150w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/terminal-upgrade-complete.jpg?resize=300%2C94&amp;quality=100&amp;strip=all&amp;ssl=1 300w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/terminal-upgrade-complete.jpg?resize=768%2C240&amp;quality=100&amp;strip=all&amp;ssl=1 768w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/terminal-upgrade-complete.jpg?resize=1024%2C320&amp;quality=100&amp;strip=all&amp;ssl=1 1024w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/terminal-upgrade-complete.jpg?resize=80%2C25&amp;quality=100&amp;strip=all&amp;ssl=1 80w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/terminal-upgrade-complete.jpg?resize=220%2C69&amp;quality=100&amp;strip=all&amp;ssl=1 220w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/terminal-upgrade-complete.jpg?resize=250%2C78&amp;quality=100&amp;strip=all&amp;ssl=1 250w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/terminal-upgrade-complete.jpg?resize=280%2C88&amp;quality=100&amp;strip=all&amp;ssl=1 280w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/terminal-upgrade-complete.jpg?resize=510%2C160&amp;quality=100&amp;strip=all&amp;ssl=1 510w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/terminal-upgrade-complete.jpg?resize=750%2C235&amp;quality=100&amp;strip=all&amp;ssl=1 750w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/terminal-upgrade-complete.jpg?resize=975%2C305&amp;quality=100&amp;strip=all&amp;ssl=1 975w\" sizes=\"(max-width: 1183px) 100vw, 1183px\" \/><\/p>\n<h3>Open Node-RED<\/h3>\n<p>After rebooting you RPi, go to the Node-RED software.\u00a0Your previous nodes will have errors:<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter size-full wp-image-25776\" src=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-3.jpg?resize=607%2C621&#038;quality=100&#038;strip=all&#038;ssl=1\" alt=\"Node-RED Screenshot 3\" width=\"607\" height=\"621\" srcset=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-3.jpg?w=607&amp;quality=100&amp;strip=all&amp;ssl=1 607w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-3.jpg?resize=147%2C150&amp;quality=100&amp;strip=all&amp;ssl=1 147w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-3.jpg?resize=293%2C300&amp;quality=100&amp;strip=all&amp;ssl=1 293w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-3.jpg?resize=78%2C80&amp;quality=100&amp;strip=all&amp;ssl=1 78w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-3.jpg?resize=215%2C220&amp;quality=100&amp;strip=all&amp;ssl=1 215w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-3.jpg?resize=98%2C100&amp;quality=100&amp;strip=all&amp;ssl=1 98w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-3.jpg?resize=233%2C238&amp;quality=100&amp;strip=all&amp;ssl=1 233w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-3.jpg?resize=406%2C415&amp;quality=100&amp;strip=all&amp;ssl=1 406w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-3.jpg?resize=476%2C487&amp;quality=100&amp;strip=all&amp;ssl=1 476w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-3.jpg?resize=582%2C595&amp;quality=100&amp;strip=all&amp;ssl=1 582w\" sizes=\"(max-width: 607px) 100vw, 607px\" \/><\/p>\n<p>I simply deleted every old Node-RED-Contrib-UI node and started from scratch. Here&#8217;s the new Dashboard nodes:<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter size-full wp-image-25777\" src=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-5.jpg?resize=157%2C496&#038;quality=100&#038;strip=all&#038;ssl=1\" alt=\"Node-RED Screenshot 5\" width=\"157\" height=\"496\" srcset=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-5.jpg?w=157&amp;quality=100&amp;strip=all&amp;ssl=1 157w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-5.jpg?resize=95%2C300&amp;quality=100&amp;strip=all&amp;ssl=1 95w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-5.jpg?resize=25%2C80&amp;quality=100&amp;strip=all&amp;ssl=1 25w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-5.jpg?resize=70%2C220&amp;quality=100&amp;strip=all&amp;ssl=1 70w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-5.jpg?resize=32%2C100&amp;quality=100&amp;strip=all&amp;ssl=1 32w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-5.jpg?resize=75%2C238&amp;quality=100&amp;strip=all&amp;ssl=1 75w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-5.jpg?resize=131%2C415&amp;quality=100&amp;strip=all&amp;ssl=1 131w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/Node-RED-Screenshot-5.jpg?resize=154%2C487&amp;quality=100&amp;strip=all&amp;ssl=1 154w\" sizes=\"(max-width: 157px) 100vw, 157px\" \/><\/p>\n<p><strong>Note: <\/strong>the ui_radio_button node is no longer supported.<\/p>\n<h3>What do do next<\/h3>\n<p>You need\u00a0to download the updated\u00a0<a href=\"https:\/\/randomnerdtutorials.com\/build-a-home-automation-system-for-100\/\" target=\"_blank\" rel=\"noopener noreferrer\">Build a Home Automation System for $100 course<\/a>\u00a0version\u00a0that I&#8217;ve sent to all customers\u00a0via email.<\/p>\n<p>Go to Module 5\u00a0Unit 2\u00a0to continue the course and update the code ESP8266 and Arduino with the new features.<\/p>\n<p>To be honest, the upgrade is well worth it and it has a new set of features that I bet you\u2019ll find interesting.<\/p>\n<p>Thank you for reading,<\/p>\n<p>Rui<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[NEW GUIDE] Learn how to use\u00a0Node-RED Dashboard with your Raspberry Pi If you followed the Build a Home Automation System for $100 course prior to August 27 2016, you know &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Upgrade from Node-RED-Contrib-UI to Node-RED-Dashboard\" class=\"read-more button\" href=\"https:\/\/randomnerdtutorials.com\/upgrade-from-node-red-contrib-ui-to-node-red-dashboard\/#more-25764\" aria-label=\"Read more about Upgrade from Node-RED-Contrib-UI to Node-RED-Dashboard\">CONTINUE READING \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":25774,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[304,225,266,273,224,242,264,268],"tags":[],"class_list":["post-25764","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-0-home-automation","category-home-automation","category-no-ads","category-node-red","category-premium","category-premium-project","category-project","category-raspberry-pi-project"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2016\/08\/7.jpg?fit=468%2C335&quality=100&strip=all&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/posts\/25764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/comments?post=25764"}],"version-history":[{"count":0,"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/posts\/25764\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/media\/25774"}],"wp:attachment":[{"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/media?parent=25764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/categories?post=25764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/tags?post=25764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}