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

Поделиться
HTML-код
  • Опубликовано: 16 июл 2024
  • 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 - RUclips Playlist:
    • Up And Running With No...
    Subscribe to my "Bleeding Code" RUclips 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
  • НаукаНаука

Комментарии • 71

  • @BleedingCode
    @BleedingCode  3 года назад +11

    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 3 года назад +1

      That was superb. I learned alot. Waiting for more content on this. Thanks

    • @BleedingCode
      @BleedingCode  3 года назад +1

      @@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 3 года назад +1

      @@BleedingCode Waiting for your next video. I love the way you explain things step by step. Please keep the pattern. Thanks Again.

    • @BleedingCode
      @BleedingCode  3 года назад +1

      @@nadeemabbasi102 Thank you Muhammad 🙏

    • @chostme
      @chostme 2 года назад +1

      @@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"

  • @gamingWithBros99
    @gamingWithBros99 3 года назад +6

    It is awesome to see how quickly a person can bring things together to create something useful. Awesome video 👏🏻

    • @BleedingCode
      @BleedingCode  3 года назад +1

      Thanks Armand. Yeah it's definitely an exciting approach to creating services.

  • @DerekWalker55
    @DerekWalker55 2 года назад +1

    Thanks, I have been using Node-RED for a while, but you taught me quite a few new things. Much appreciated

    • @BleedingCode
      @BleedingCode  2 года назад

      Hi Derek. You're very welcome. Did you hear Node-RED V3 has been released 😎?

  • @robototem
    @robototem Год назад +1

    Just completed. The course was brilliant!

  • @mivasay2800
    @mivasay2800 2 года назад +1

    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.

  • @wiemrachman4788
    @wiemrachman4788 Месяц назад

    Wow perfect , thank yo very much

  • @LaurentTercinet
    @LaurentTercinet 6 месяцев назад +1

    this is brillant, dynamic, well explainned.

    • @BleedingCode
      @BleedingCode  4 месяца назад

      Really glad you enjoyed it 👏

  • @RageTheNumbers
    @RageTheNumbers 3 года назад +1

    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  3 года назад

      Haha well done noticing it was left-handed 👏🎸

    • @RageTheNumbers
      @RageTheNumbers 3 года назад +1

      @@BleedingCode Hah, only because I have the exact guitar and orientation! :)

    • @BleedingCode
      @BleedingCode  3 года назад

      Ah well there you go! 😎

  • @emmanouilmorfiadakis118
    @emmanouilmorfiadakis118 2 года назад +1

    Very good work!,thank you

  • @sven1858
    @sven1858 2 года назад +1

    Thanks for this video learnt more than just about Node red

    • @BleedingCode
      @BleedingCode  2 года назад

      Hi Sven. You're very welcome 👍

  • @RRits57
    @RRits57 2 года назад +1

    high quality content!

    • @BleedingCode
      @BleedingCode  2 года назад

      Thanks so much for the positive comment 🙏

  • @marcorobbe9003
    @marcorobbe9003 Год назад +1

    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 :)

  • @craigmurrayauthor
    @craigmurrayauthor Год назад +2

    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

  • @ashish_prajapati_tr
    @ashish_prajapati_tr 2 года назад +2

    amazing

  • @alkaifkhan-mx3uy
    @alkaifkhan-mx3uy 6 месяцев назад +1

    Thankyou So much Brother I Appreciate your time and efforts

  • @MPElectronique
    @MPElectronique 2 года назад +1

    GREAT!!!+❤😮😊

  • @vladimirsapozhnikov5842
    @vladimirsapozhnikov5842 3 года назад +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 3 года назад +1

      Vendor-lock ..mmh more like technology-lock no, given Node-RED *seems* completely open-source. Is that what you mean?

    • @vladimirsapozhnikov5842
      @vladimirsapozhnikov5842 3 года назад +1

      @@freeedom22 Yes, I mean technology-lock. Thanks.

  • @MikeCairns1
    @MikeCairns1 3 года назад +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  3 года назад

      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  3 года назад

      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 3 года назад

      ​@@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 3 года назад

      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 Год назад +1

    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 Год назад +1

    Hi, I'm Getting this error
    TypeError: Cannot read properties of undefined (reading 'max') - "Dubai"

    • @BleedingCode
      @BleedingCode  Год назад

      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 11 месяцев назад +1

    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  4 месяца назад

      Sorry for the late reply on this. Did you come right?

    • @quoit99training83
      @quoit99training83 4 месяца назад

      @@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 Год назад +1

    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.

  • @kuldeeprawat2273
    @kuldeeprawat2273 3 года назад +1

    how can use drag and drop in node-red

    • @BleedingCode
      @BleedingCode  3 года назад

      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 3 года назад

      @@BleedingCode we create the dynamic node. If drag the node on flow chart then give the output on console

  • @freeedom22
    @freeedom22 3 года назад +1

    Flexing that right-handed metal guitar heh.

    • @BleedingCode
      @BleedingCode  3 года назад

      Hehehe are you sure right-handed? 😎

    • @freeedom22
      @freeedom22 3 года назад +1

      @@BleedingCode Ha yes my mistake, I meant precisely the opposite...the more rare kind of guitar precisely of course

    • @BleedingCode
      @BleedingCode  3 года назад +2

      @@freeedom22 I had to import it into South Africa. Many moons ago when life was less complicated 👍

  • @kineikosama5913
    @kineikosama5913 2 года назад +1

    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 3 года назад +1

    i prefer tube amps

    • @BleedingCode
      @BleedingCode  3 года назад

      Hehe fair enough. The SpiderJam gave me an all in one solution for live and studio 🙂