Introduction to the Flow Editor

The Flow editor is a tool that allows you to connect your App to different types of APIs, using a flow-based programming engine that runs on NodeJS and is provided by Node-RED; it offers the possibility to extend your application capabilities by creating graphical interactions without any other back-end implementations required.

Flow Editor Elements

You can access the Flow editor from the top navigation bar or, if not visible, drag and drop it from the UXP tools hub into the navigation bar.
When the Flow editor is on, a Node-RED instance is open with the following elements:

Fig. 8: Flow Editor Elements.

1. Nodes Palette - contains a collection of available nodes that you can use in the flow.
2. Flow File - contains a workspace where you can connect nodes and design the flow.
   
3. Sidebar - contains the INFO tab and the DEBUG tab.
   The INFO tab displays specific information and configuration requirements once a node or a flow is selected.
   The DEBUG tab displays information about the message received by DEBUG nodes.