NodeRED/en: Unterschied zwischen den Versionen

Aus expecco Wiki (Version 2.x)
Zur Navigation springen Zur Suche springen
Zeile 3: Zeile 3:
In Node-RED there are so-called "nodes" which look like as follows. Each node fulfills a certain function e.g. making a HTTP-request.
In Node-RED there are so-called "nodes" which look like as follows. Each node fulfills a certain function e.g. making a HTTP-request.


[[Datei:Node-RED nodes.png|200px]]
[[Datei:Node-RED nodes.png|200px]]

[[Node-RED Tutorial - Part 1]]


= Preparations =
= Preparations =

Version vom 10. Februar 2020, 09:15 Uhr

Introduction[Bearbeiten]

Node-RED is a graphical development tool. With Node-RED, use cases for the Internet of Things can be implemented according to a simple modular principle. In Node-RED there are so-called "nodes" which look like as follows. Each node fulfills a certain function e.g. making a HTTP-request.

Node-RED nodes.png

Node-RED Tutorial - Part 1

Preparations[Bearbeiten]

  • Use the command line to verify that Nodejs has been installed correctly.
    • To open the command line type "cmd" in the Windows search bar and press the enter key.


Command line.png Opened command line.png


  • After you have opened the command line type "node --version" in.


Check node version.png


  • Also type "npm --version" in the command line.
    • Hint: npm usually comes with Node.js


Check npm version.png


  • Internet connection available?

Installing Node-RED[Bearbeiten]

  • Open command line


Opened command line.png


  • Enter "npm install -g --unsafe-perm node-red" and press the enter key


Install node-red command.png


  • Enter "npm install node-red-node-test-helper node-red --save-dev" and press the enter key


Install node-red-node-test-helper command.png


  • Enter "node-red" and press the enter key to start Node-RED


Start node-red command.png


  • After you have started Node-RED open your browser (Chrome, Firefox, Internet Explorer, ...)
    • Enter "localhost:1880" into the search bar of your browser and press the enter key


Open Node-RED Editor.png


  • Close the browser and the command line now


Node-RED Tutorial - Part 1[Bearbeiten]

The following tutorial shows how to import nodes of Node-RED into expecco and how to use them.

Specify necessary paths[Bearbeiten]

  • Open a new testsuite in expecco


New Testsuite in expecco.png


  • Now you should have the following view in front of you


Opened Testsuite.png


  • Click the undo-button to remove the existing demos


Click undo-button.png Blank Testsuite.png


  • Click on ExtrasSettings


Navigate to Settings.png


  • Click on ExecutionExternal Script InterpretersNode


Node Settings.png


  • Specify at Node.js Path the path to the Node.js interpreter


NodeJS.png


  • Click on the question mark next to Node.js Path to verify the node path
    • If the path is correct you will see the version of Node.js in the lower field


Verify path.png


  • Specify at Node-REDModule Path the path to the node_modules folder
    • Click on the three points next to the field


Specify Module.png


  • A small window opens
    • Click on the little house icon
    • Click on the user directory of the current user
    • Navigate in the user directory to the .node-red folder
    • Navigate to the node_modules folder
    • Select this folder and click OK
    • Your path in the field of Filename should look like C:\Users\YOUR_USERNAME\.node-red\node_modules


Browse to node modules.png


  • Specify at Node-REDExecution Directory the path to the .node-red folder
    • Click on the three points next to the field


Execution Directory Path.png


  • A small window opens
    • Click on the little house icon
    • Click on the user directory of the current user
    • Navigate to the .node-red folder
    • Select this folder and click OK
    • Your path in the field of Filename should look like C:\Users\YOUR_USERNAME\.node-red


Execution Directory.png


  • Click on Apply and then on Close


Confirming module and execution path.png


  • Click YES to save the entered paths


Save paths.png

Importing a Node[Bearbeiten]

  • Click on OperationsNode-REDImporting Nodes


Importing a Node.png


  • A small window opens
    • Click on the little house icon
    • Click on the user directory of the current user
    • Navigate to .node-red → node_modules → @node-red → nodes → core → network
    • In this folder is a file called 21-httprequest.html
    • Select this file and click on OK


Select node to import.png


  • A new folder should have been created
    • Open this folder and click on the elementary block to get the view which is shown in the picture


Imported node.png

Using a Node in expecco[Bearbeiten]

  • Click on the tab Test/Demo


Tab Test-Demo.png


  • Click on the elementary block keep the left mouse button pressed and drag the block a little further to the middle of the editor


Pull block to mid.png



Click url.png Enter url.png


  • Click on the green arrow to execute the block


Execute block.png


  • After you have executed the block, it takes a few seconds until you see a result
    • When you see a result click on Run


Click on run.png


  • Click on PinsmsgOut


Click on pins.png


  • Scroll in the field Keys to statusCode
    • Click on statusCode
    • If the HTTP request were successful the number 200 should be in the field next to it


View status code.png


Hint: Keep this testsuite open if you want to continue with the second part of the tutorial

Node-RED Tutorial - Part 2[Bearbeiten]

This tutorial will show you how to import Nodes from the Node-RED library into expecco

Preconditions[Bearbeiten]

  • Open the testsuite from tutorial - part 1
  • Make sure you did the step Specify necessary paths from the first part of the tutorial before you make this part.

Collect Nodes from the Node-RED library[Bearbeiten]

  • Click on OperationsCollect List of Nodes in Attachment
    • The Node-RED library gets opened in a browser and the names of each node of the library get extracted and saved in the attatchment listOfNodes
    • Hint: Collecting the node names take a few minutes and offers the opportunity for a short coffee break


Navigate to Collect List of Nodes.png


  • Node-RED library


Node-RED library.png


Installing Nodes[Bearbeiten]

  • Click on OperationsInstall Nodes


Install nodes.png


  • A window opens
    • Enter here the node name node-red-contrib-amazon-echo
    • Hint: If you want to install all nodes which contains e.g. smarthome in their names just enter *smarthome*


Enter node name.png


  • The entered node will be installed
    • Information about the installation can be found in the lower left corner of the window


Installation information.png

Finished installation.png^

Importing the Node[Bearbeiten]

  • Click on OperationsImporting Nodes


Importing a Node.png


  • A small window opens
    • Click on the little house icon
    • Navigate to .node-red → node_modules
    • Search in this folder after a folder called node-red-contrib-amazon-echo
    • Select the file index.html, then click OK


Import alexa.png


  • A new folder should have been created
    • Open this folder to see the just generated elementary blocks


Generated nodes.png



Copyright © 2014-2024 eXept Software AG