Comments (6)
Hi @rei-vilo ,
Thank you for your idea.
I understand "the Dashboard" means this (https://flows.nodered.org/node/node-red-dashboard).
I am not familiar with the dashboard.
Could you let me know the idea more detail, now I don't know the good point to used it in the same app.
My thought is that the editor is for flow creators, but the dashboard is for users.
Regards,
sakazuki
from node-red-desktop.
Hi @sakazuki,
Thank you for the prompt answer.
One of the key features of Node-RED is the dashboard, which provides all the GUI elements for a command-and-control panel.
When used in command-line mode, Node-RED provides two addresses:
- http://127.0.0.1:1880 for the IDE, and
- http://127.0.0.1:1880/ui for the dashboard.
For example, the following dashboard...
...has the corresponding code
[{"id":"e29f40ae.dc2ed","type":"ui_gauge","z":"7ce61b5f.bdd744","name":"","group":"c15d2070.9f5a4","order":1,"width":0,"height":0,"gtype":"gage","title":"gauge","label":"units","format":"{{value}}","min":0,"max":10,"colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","x":440,"y":180,"wires":[]},{"id":"6f03ce05.75a94","type":"ui_slider","z":"7ce61b5f.bdd744","name":"","label":"slider","tooltip":"","group":"c15d2070.9f5a4","order":0,"width":0,"height":0,"passthru":true,"outs":"all","topic":"","min":0,"max":10,"step":1,"x":220,"y":120,"wires":[["e29f40ae.dc2ed"]]},{"id":"c15d2070.9f5a4","type":"ui_group","z":"","name":"Default","tab":"9e7f0f63.821678","disp":true,"width":"6","collapse":false},{"id":"9e7f0f63.821678","type":"ui_tab","z":"","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]
Today, Node-RED Desktop exposes the IDE window, but not the dashboard window. This means I need an external browser to display the dashboard.
The idea would be Node-RED Desktop provides both windows, saving the need for a browser.
Summarising the options,
-
The command-line mode requires two applications:
- a terminal to launch
node-red
; - a browser with two windows: one for IDE at http://127.0.0.1:1880, and another for the dashboard at http://127.0.0.1:1880/ui.
- a terminal to launch
-
Using Node-RED Desktop still requires two applications:
- Node-RED Desktop for launching Node-RED and for displaying the IDE;
- A browser for the dashboard at http://127.0.0.1:59487/ui
-
Suggested Node-RED Desktop implementation with one single application:
- Node-RED Desktop for launching Node-RED, displaying the IDE and the dashboard.
Node-RED Desktop uses port :59487 instead of command-line :1880.
from node-red-desktop.
You may pay a visit at a similar project, electron-node-red at https://github.com/zuhito/electron-node-red.
The Electron unique window shows the editor and the dashboard, among other options, although not in different tabs.
This is very useful to distribute the Node-RED flow as an application.
from node-red-desktop.
In v1.0.0-beta.5,
I add a new function to open in the same app by clicking a link with Ctrl (mac: Command)
from node-red-desktop.
Very nice!
from node-red-desktop.
done
from node-red-desktop.
Related Issues (20)
- enabling HTTPS HOT 2
- Node-red still on 1.2.7 HOT 1
- ngrok's Authtoken HOT 5
- linux/flatpack support
- Fail to launch Node-RED-Destkop v2.0.0-beta.1 HOT 1
- Please also make similar app for n8n.io HOT 2
- Crash auto-update
- the menu bar disappeared after the 2.1.0 update HOT 3
- Turn off showing linting errors as default
- 未保存のフローが存在する状態でウィンドウを閉じる際に確認ダイアログを出してほしい
- Latest version not showing menu HOT 1
- Unexpected Error from Flows that previously worked and still work on all other Node-Red Platforms
- Change (or add as argument) environment Variables
- Really portable HOT 9
- Latest install 2.1.0 : no menus visible HOT 3
- Environnments variable not working on v2.1.0 HOT 2
- Flow in not reload
- Create new project : An unexpected error occurred
- Can't deploy new flow HOT 1
- Install node-red-dashboard 2.0 fails via Manage Palette HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from node-red-desktop.