node-RED Dashboard Integration with emoncms

Is it possible to integrate node-RED Dashboard UI’s with emoncms?

I think I know the answer but I thought I’d ask.

Thanks.

As far as I know, it’s not easily possible to integrate node-RED Dashboard UI’s with emoncms.

However it is possible to integrate all or parts of Emoncms into Node RED using the Node RED Dashboard Template node and iframe. I’ve documented what I did below for completeness and to possibly help others, (or myself in a few months when I’ve forgotten what I did) :stuck_out_tongue_winking_eye:

Example: Embed the Entire Emoncms

<iframe style='width:1275px; height:800px;' frameborder='0' scrolling='yes' marginheight='0' marginwidth='0' src='http://xxx.xxx.xxx.xxx/emoncms'></iframe>

The above requires user to login or add &apikey=YourAPIKeyHere to not require login.

Example: Embed a Graph with ID=31

<iframe style='width:400px; height:300px;' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='http://xxx.xxx.xxx.xxx/emoncms/graph/embed&graphid=31&apikey=YourAPIKeyHere'></iframe>

Note: The graphs from the Graph Module seem to be transparent so the axes are not readable. I think it’s possible to make the graph opaque using iframe but I don’t know ho to do that yet. I’m also thinking of making an Apple Dark Mode Theme for Emoncms, but that comes later

Example: Embed a Multigraph with ID=5

<iframe style='align:left; width:450px; height:300px;' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='http://xxx.xxx.xxx.xxx/emoncms/vis/multigraph?mid=5&embed=1&apikey= YourAPIKeyHere'></iframe>

I hope this might be helpful to someone.

1 Like