Over 100 Nodes in Interplay ranging from Database Integration to Machine Learning, there is a Node for that big feature you are working on. But sometimes the Node you need doesn’t match your specifications exactly and you risk losing your feature… luckily you can upload your own personal nodes to Interplay and get that feature done! In this guide, we will go over how to create a node that converts message payloads to all lower-case characters and then run it in Interplay
First off, you will need a repository to store your code in. The repo will consist of a pair of files:
An HTML file that defines the node’s properties, edit dialog and help text.
Note: When creating the .zip file, place the .html and .js file for the custom node in a folder and then compress this folder. Subsequently, choose this compressed folder.
The node is wrapped as a Node.js module. The module exports a function that gets called when the runtime loads the node on start-up. The function is called with a single argument, RED, that provides the module access to the Node-RED runtime API.
The node itself is defined by a function, LowerCaseNode that gets called whenever a new instance of the node is created. It is passed an object containing the node-specific properties set in the flow editor.
The function calls the RED.nodes.createNode function to initialize the features shared by all nodes. After that, the node-specific code lives.
In this instance, the node registers a listener to the input event which gets called whenever a message arrives at the node. Within this listener, it changes the payload to lower case, then calls the send function to pass the message on in the flow.
Finally, the LowerCase function is registered with the runtime using the name for the node, lower-case.
the main node definition that is registered with the editor
the edit template
the help text
In this example, the node has a single editable property, name. Whilst not required, there is a widely used convention to this property to help distinguish between multiple instances of a node in a single flow.
Importing and Running on Interplay
Click on the button on the top right to reveal the menu
Hover the mouse pointer over Install option to reveal Install sub-menu
Choose Custom Node option
In the dialog that opens, choose the .zip file containing the custom node files and then click the Install button
Note: In order to use the installed NPM package in your project, you will need to restart InterPlay
We created a zip file of an HTML and JS file and imported it into Interplay.