How To Create Your First Flow In Node-RED 🌦 | Node-RED Basics

  Переглядів 19,332

Bleeding Code (By John Jardin)

Bleeding Code (By John Jardin)

День тому

Learn Node-RED by creating a Weather Forecast dashboard.
TITLE: How To Create Your First Flow In Node-RED | Node-RED Basics
Up And Running With Node-RED - UKposts Playlist:
• Up And Running With No...
Subscribe to my "Bleeding Code" UKposts channel here:
/ bleedingcode
CHAPTERS:
==========
0:00 Introduction
0:55 Installing Node-RED
1:50 Creating the UI For The Dashboard
10:11 Creating Node-RED Flows For The Dashboard
REFERENCE LINKS:
================
Weather Dashboard GitHub Repo
github.com/bleedingcode/node-...
Open Weather Map
openweathermap.org
Rest Countries
restcountries.eu
Postman API Testing Tool
www.postman.com
MustacheJS
github.com/janl/mustache.js
Advanced Setup of Node-RED - Bleeding Code Tutorial
• Advanced Setup Of Node...
Node-RED Getting Started Docs
nodered.org/docs/getting-started
JSBin
jsbin.com
Bootsnip
bootsnipp.com
BLEEDING CODE ON SOCIAL MEDIA
==============================
/ bleedcode
/ bleedingcode

КОМЕНТАРІ: 70
@BleedingCode
@BleedingCode 2 роки тому
This was my first deep dive tutorial on this channel. Let me know what you think and if you would like more content like this. Feel free to post any questions you may have below and I'll answer them asap 👍.
@nadeemabbasi102
@nadeemabbasi102 2 роки тому
That was superb. I learned alot. Waiting for more content on this. Thanks
@BleedingCode
@BleedingCode 2 роки тому
@@nadeemabbasi102 That’s great news Muhammad. Node-RED 2.0 was announced 2 days ago and comes with crazy functionality including the ability to debug your flow runs 😱. Will definitely be bringing out a video on that soon
@nadeemabbasi102
@nadeemabbasi102 2 роки тому
@@BleedingCode Waiting for your next video. I love the way you explain things step by step. Please keep the pattern. Thanks Again.
@BleedingCode
@BleedingCode 2 роки тому
@@nadeemabbasi102 Thank you Muhammad 🙏
@chostme
@chostme 2 роки тому
@@BleedingCode I'm using node red from ibm cloud deployment services , I'm not able to use the "api/weather/dashboard" extension to get a dashboard , it's showing " Cannot GET /api/weather/dashboard"
@craigmurrayauthor
@craigmurrayauthor 9 місяців тому
You obviously are an expert. How this video felt Good morning class, today we are going to talk about the basics of flight So Get into your F16, and lets take off. this is a cool project but by no means should it be considered a first flow
@gamingWithBros99
@gamingWithBros99 2 роки тому
It is awesome to see how quickly a person can bring things together to create something useful. Awesome video 👏🏻
@BleedingCode
@BleedingCode 2 роки тому
Thanks Armand. Yeah it's definitely an exciting approach to creating services.
@DerekWalker55
@DerekWalker55 Рік тому
Thanks, I have been using Node-RED for a while, but you taught me quite a few new things. Much appreciated
@BleedingCode
@BleedingCode Рік тому
Hi Derek. You're very welcome. Did you hear Node-RED V3 has been released 😎?
@emmanouilmorfiadakis118
@emmanouilmorfiadakis118 2 роки тому
Very good work!,thank you
@BleedingCode
@BleedingCode 2 роки тому
You're very welcome :)
@robototem
@robototem 11 місяців тому
Just completed. The course was brilliant!
@BleedingCode
@BleedingCode 10 місяців тому
Awesome. I'm glad you enjoyed it :)
@alkaifkhan-mx3uy
@alkaifkhan-mx3uy 3 місяці тому
Thankyou So much Brother I Appreciate your time and efforts
@BleedingCode
@BleedingCode 2 місяці тому
It's my pleasure :)
@RageTheNumbers
@RageTheNumbers 2 роки тому
I'm all new to Node-Red and stuff, so I look forward to watching this. I also appreciate the left handed BC Rich warlock in the back ground :D
@BleedingCode
@BleedingCode 2 роки тому
Haha well done noticing it was left-handed 👏🎸
@RageTheNumbers
@RageTheNumbers 2 роки тому
@@BleedingCode Hah, only because I have the exact guitar and orientation! :)
@BleedingCode
@BleedingCode 2 роки тому
Ah well there you go! 😎
@sven1858
@sven1858 2 роки тому
Thanks for this video learnt more than just about Node red
@BleedingCode
@BleedingCode 2 роки тому
Hi Sven. You're very welcome 👍
@LaurentTercinet
@LaurentTercinet 4 місяці тому
this is brillant, dynamic, well explainned.
@BleedingCode
@BleedingCode 2 місяці тому
Really glad you enjoyed it 👏
@RRits57
@RRits57 2 роки тому
high quality content!
@BleedingCode
@BleedingCode 2 роки тому
Thanks so much for the positive comment 🙏
@marcorobbe9003
@marcorobbe9003 Рік тому
Really a great video - explaining all the things in an interesting content. With all that code it is a little bit deep to me also with thinking as node red as a non code tool. 🙂 I am looking forward to see more of your great and interesting made videos. Would also be great to see topics about using together with influxDB and grafana or just styling and organizing (structuring and navigation) the node reds dashboard itself.
@BleedingCode
@BleedingCode Рік тому
Thanks for your feedback. I'll keep these topics in mind...although truthfully I have some ReactJS and Web3 stuff planned for the near future, which will be using Node-RED indirectly :)
@ashish_prajapati_tr
@ashish_prajapati_tr 2 роки тому
amazing
@BleedingCode
@BleedingCode 2 роки тому
Thank you! Cheers!
@mivasay2800
@mivasay2800 2 роки тому
Hello, I recently discovered this chanel and I find the information related to API integration and node-red very valuable. The guy made a lot of promesses about the following contents but there is nothing new for more than 4 months. I hope he is well.
@BleedingCode
@BleedingCode 2 роки тому
Hi Miva. Thanks for watching my channel. Sadly challenges on my personal and professional side prevent me from being able to publish content at this stage. Hopefully this changes soon.
@MPElectronique
@MPElectronique Рік тому
GREAT!!!+❤😮😊
@BleedingCode
@BleedingCode Рік тому
Thank you 🙏
@vladimirsapozhnikov5842
@vladimirsapozhnikov5842 2 роки тому
Thanks for the detailed explanation. If I understood it correctly, Node-RED benefit is to link together already implemented services/micro-services. I understood that it is quicker to build the flow visually than writing a code, but there are always a tradeoffs. For example, you can write dedicated templates, utils, helpers that are focused on exact project needs and speed up the processes without the Node-RED. Node-RED requires experience, knowledge of the team (extra time to study), conventions, debugging technics, etc. I suppose that you anyway have to build some custom Node-RED Nodes that exactly meet project conditions. Also, it is a definitely vendor-lock, classical source code is more flexible. I don't mean Node-RED is bad, I'm just not able to understand business cases where it will be definitely benefit. It is something new and unfortunately requires efforts to be implemented and integrated in current development process. So, please, if possible, record a video about the successful business cases, it will help a lot and it will be a great introduction to your Node-RED video series. Thanks!
@freeedom22
@freeedom22 2 роки тому
Vendor-lock ..mmh more like technology-lock no, given Node-RED *seems* completely open-source. Is that what you mean?
@vladimirsapozhnikov5842
@vladimirsapozhnikov5842 2 роки тому
@@freeedom22 Yes, I mean technology-lock. Thanks.
@MikeCairns1
@MikeCairns1 2 роки тому
I downloaded your example flow from your github and it has some errors in it that prevent it from working out of the box. It gives me an API key error every time I run it. I did update the flow variable at the top of the flow with my API key and I tested it manually with Postman with no issues. I will eventually find the error, but I thought I would mention that your code example is broken on git. I have been playing with NodeRed for about a year now and this taught me how to modularize and improve my existing flows. This was a very useful tutorial and I learned a whole lot of best practices and tips. Keep up the great videos.
@BleedingCode
@BleedingCode 2 роки тому
Hi Mike. Oh wow that’s no good I’ll check that out immediately. Thanks for watching. I’ll touch base with you as soon as I fixed the issue 👍
@BleedingCode
@BleedingCode 2 роки тому
Hmmm. Strange. Once I added a working API Key for Open Weather Map, the dashboard works fine. Can you maybe confirm what error you are still getting?
@MikeCairns1
@MikeCairns1 2 роки тому
​@@BleedingCode Yeah, I solved the issue. I was getting a 401 error. I ran a debug node and found that the forecast API link was failing because of the "daily/" at the end of the url. I removed that and it worked. I also had to modify the path to the temperature in the forecast because temp.max didn't exist in the API return document from the list object. Process Results (Fetch 5 Day Forecast) temperature: `${Math.round(tmpEntry.temp.max)}${flow.get('owmTemperatureUnit')}`, to temperature: `${Math.round(tmpEntry.temp)}${flow.get('owmTemperatureUnit')}`, I really enjoyed this video, but I just had issue when I tried to implement it using your github. I have my code working now and I will be back for sure to watch your future videos. :) I am still working out a bug with the 5 day forecast not showing the proper dates, but that will be a challenge for another day for me.
@MikeCairns1
@MikeCairns1 2 роки тому
Here is the error. Error: Invalid API key. Please see openweathermap.org/faq#error401 for more info. - I confirmed that it occurred on a brand new nodered instance that I spun up on docker. I am not sure why you can't recreate it. I fixed it by changing the flow.owmUrl5DayForecast variable from: api.openweathermap.org/data/2.5/forecast/daily to api.openweathermap.org/data/2.5/forecast This is the flow that I imported: github.com/bleedingcode/node-red-weather-dashboard/blob/master/node-red-flows-final.json
@sven1858
@sven1858 2 роки тому
@@BleedingCode I can confirm thatI also get the error when importing the github flow and updating to my [known workin] OWM API key
@Kurogane-el2vq
@Kurogane-el2vq Рік тому
How do you reference output of an input node? I’m still new to Node Red. In high level programming, often they have a variable name. But I’m confuse how node red handles this.
@BleedingCode
@BleedingCode Рік тому
In their documentation they explain this in detail, but every node is different. It's best to highlight the node and check their docs in the right-side pane.
@luqmanmohioddin6076
@luqmanmohioddin6076 9 місяців тому
Hi, I'm Getting this error TypeError: Cannot read properties of undefined (reading 'max') - "Dubai"
@BleedingCode
@BleedingCode 9 місяців тому
Hi there. I created this video many moons ago and can't remember most of what's in it. I will need more context, but for now, somewhere the "max" property is being referenced, but the object it belongs to is undefined.
@quoit99training83
@quoit99training83 9 місяців тому
How to install node-red on computer with no internet? I am making a dashboard on public school computer which is not allowed to be connected to interest. They mostly use it for databases and I would like to install node-red, and other nodes such as MySQL - pls advise on how to get node-red offline, is there portable install files?
@BleedingCode
@BleedingCode 2 місяці тому
Sorry for the late reply on this. Did you come right?
@quoit99training83
@quoit99training83 2 місяці тому
@@BleedingCode no problem. I could not install node-red on the school computer as it was restricted. We tried raspberry pi, installed node-red but it was not pulling from SQL Express. The school uses MS SQL Express (freeware) and the node I was trying to pull data for dashboard node-red-contrib-mssql. The school ended up going with paid services for dashboard and other stuff. Think node-red still has ways to go to be useful in government sectors. When I tried to get school IT involved to install node-red, it was denied due to cybersecurity concerns
@sabitarturk8720
@sabitarturk8720 Рік тому
hi sir , Multiple user login in node red program? I searched a lot but couldn't find it
@BleedingCode
@BleedingCode Рік тому
Well, multiple user login can be managed in different ways, but the issue is multiple users working on their own stuff in Node-RED. This is where it becomes an issue.
@freeedom22
@freeedom22 2 роки тому
Flexing that right-handed metal guitar heh.
@BleedingCode
@BleedingCode 2 роки тому
Hehehe are you sure right-handed? 😎
@freeedom22
@freeedom22 2 роки тому
@@BleedingCode Ha yes my mistake, I meant precisely the opposite...the more rare kind of guitar precisely of course
@BleedingCode
@BleedingCode 2 роки тому
@@freeedom22 I had to import it into South Africa. Many moons ago when life was less complicated 👍
@kuldeeprawat2273
@kuldeeprawat2273 2 роки тому
how can use drag and drop in node-red
@BleedingCode
@BleedingCode 2 роки тому
Hi Kuldeep. Can you provide more info to help me understand what you're looking to do? The video shows in the beginning how to drag from the left palette. You click and hold on the node you want to use and drag it on to the canvas, of which you then release.
@kuldeeprawat2273
@kuldeeprawat2273 2 роки тому
@@BleedingCode we create the dynamic node. If drag the node on flow chart then give the output on console
@kineikosama5913
@kineikosama5913 2 роки тому
At the end of the video, you didnt showed us the 2 mores rules you've added to the switch node
@BleedingCode
@BleedingCode 2 роки тому
Ouch. How did I miss that. Apologies :(
@christianhuber3480
@christianhuber3480 2 роки тому
i prefer tube amps
@BleedingCode
@BleedingCode 2 роки тому
Hehe fair enough. The SpiderJam gave me an all in one solution for live and studio 🙂
How to create a data table in Node RED Dashboard
20:02
Opto Video
Переглядів 56 тис.
Build ENTIRE Frontends With ONE Prompt - OpenUI Tutorial
8:59
Matthew Berman
Переглядів 41 тис.
Эффект Карбонаро и соковыжималка
01:01
История одного вокалиста
Переглядів 1,1 млн
Этого От Него Никто Не Ожидал 😂
00:19
Глеб Рандалайнен
Переглядів 6 млн
Level 1 to 100 Mystery Buttons
00:46
A4
Переглядів 8 млн
APIs for Beginners 2023 - How to use an API (Full Course / Tutorial)
3:07:07
freeCodeCamp.org
Переглядів 1,7 млн
An introduction to running Node Red on the Cerbo GX
22:33
PKYS Inc
Переглядів 7 тис.
Build a full stack application with Node-RED
1:20:12
Code GK
Переглядів 66 тис.
Node.js is a serious thing now… (2023)
8:18
Code With Ryan
Переглядів 620 тис.
How to use context storage in Node-RED to save data
13:07
Opto Video
Переглядів 24 тис.
I learned to code from scratch in 1 year. Here's how.
41:55
Thomas Frank
Переглядів 298 тис.
Managing Multiple Threads In Node JS 🧵 | OPTIMIZING NODE JS
9:32
Bleeding Code (By John Jardin)
Переглядів 22 тис.
How to consume OWM weather data in Node-Red
26:31
Csongor Varga
Переглядів 1,1 тис.
Vortex Cannon vs Drone
20:44
Mark Rober
Переглядів 13 млн
Subscribe for more!! #procreate #logoanimation #roblox
0:11
Animations by danny
Переглядів 3,8 млн
Infrared Soldering Iron from Cigarette Lighter
0:58
ALABAYCHIC
Переглядів 1,9 млн
Бюджетная видеокарта за 5000 рублей
17:47
Nitroxsenys
Переглядів 29 тис.
''Бесплатные умные'' домофоны для глупых людей. За чей счет банкет?
12:48
Вадим Шегалов.Оккультные игры элиты
Переглядів 33 тис.
Result of the portable iPhone electrical machine #hacks
1:01
KevKevKiwi
Переглядів 7 млн