Trying to access dashboard - cannot find correct url

[777fatcat]

I am running Node Red companion installed through HACS on a green. I am working on my flows using Brave on a windows machine. The following json is a basic flow for demo.

I can see the dashboard on the layout tab and when I click the button that wants to open the web page for the dashboard, I get a 404 error.

AI said that it is a configuration error!

How do I find the correct url for the dashboard? And where can I correct it? I have looked through the node red config files but am not anywhere enough competent to update without some guidance.

Thanks for any suggestions.

[
    {
        "id": "80d5d9d76b2abb36",
        "type": "tab",
        "label": "Dashboard",
        "disabled": false,
        "info": "",
        "env": []
    },
    {
        "id": "09bd385f01c042b9",
        "type": "ui_button",
        "z": "80d5d9d76b2abb36",
        "name": "",
        "group": "20bd5414dda12f78",
        "order": 0,
        "width": 0,
        "height": 0,
        "passthru": false,
        "label": "button",
        "tooltip": "",
        "color": "",
        "bgcolor": "",
        "className": "",
        "icon": "",
        "payload": "Hello World",
        "payloadType": "str",
        "topic": "topic",
        "topicType": "msg",
        "x": 250,
        "y": 360,
        "wires": [
            [
                "2793efb070f7f2dc",
                "d647f08ce5928fc6"
            ]
        ]
    },
    {
        "id": "2793efb070f7f2dc",
        "type": "ui_text",
        "z": "80d5d9d76b2abb36",
        "group": "20bd5414dda12f78",
        "order": 1,
        "width": 0,
        "height": 0,
        "name": "",
        "label": "text",
        "format": "{{msg.payload}}",
        "layout": "row-spread",
        "className": "",
        "style": false,
        "font": "",
        "fontSize": 16,
        "color": "#000000",
        "x": 410,
        "y": 360,
        "wires": []
    },
    {
        "id": "d647f08ce5928fc6",
        "type": "debug",
        "z": "80d5d9d76b2abb36",
        "name": "debug 7",
        "active": true,
        "tosidebar": true,
        "console": false,
        "tostatus": false,
        "complete": "false",
        "statusVal": "",
        "statusType": "auto",
        "x": 400,
        "y": 420,
        "wires": []
    },
    {
        "id": "20bd5414dda12f78",
        "type": "ui_group",
        "name": "Button",
        "tab": "6f341ead8893258d",
        "order": 1,
        "disp": true,
        "width": 6,
        "collapse": false,
        "className": ""
    },
    {
        "id": "6f341ead8893258d",
        "type": "ui_tab",
        "name": "Demo",
        "icon": "dashboard",
        "disabled": false,
        "hidden": false
    }
]

[Steve-Mcl]

Have you tried clicking the link?

Ps. I edited your post to correctly format the JSON

Ps, that looks very much like you are using the original, now depreciated, node-red-dashboard. If you are just starting out, you might wish to move to it's replacement @flowfuse/node-red-dashboard aka dashboard-2

[jbudd]

@777fatcat

I am running Node Red companion installed through HACS on a green. I am working on my flows using Brave on a windows machine.

I don't know what HACS or a green are in this context, but usually the dashboard (version 1) is at whatever URL you see the editor at, with /ui tacked on after the 1880.

eg localhost:1880/ui or 192.168.1.33:1880/ui

[777fatcat]

@Steve-Mcl

@flowfuse/node-red-dashboard

Hi
Thanks. Off to find dashboard 2 (it is currently not a choice on the palette) on my instance.

[Steve-Mcl]

@Steve-Mcl

@flowfuse/node-red-dashboard

thats the full name ^

It is here: node-red-dashboard (node) - Node-RED

[Jean-Luc]

Example
If using dashboard 2:

http://192.168.x.y:1880/endpoint/dashboard/page1

If dashboard 1:

http://192.168.x.y:1880/endpoint/ui/#!/0

[777fatcat]

Hi thanks. Added @flowfuse/node-red-dashboard.

[777fatcat]

Hi
I added @flowfuse/node-red-dashboard so now I have access to dashboard 2.0
On my flow I added a dashboard2 table.
Here is the jason:
[
{
"id": "80d5d9d76b2abb36",
"type": "tab",
"label": "Dashboard",
"disabled": false,
"info": "",
"env":
},
{
"id": "e6a0d7e1f2149541",
"type": "function",
"z": "80d5d9d76b2abb36",
"name": "get data ",
"func": "var myQuery = \n{"topic": "SELECT * FROM Temp_Data ORDER BY id"}\nreturn myQuery;",
"outputs": 1,
"timeout": 0,
"noerr": 0,
"initialize": "",
"finalize": "",
"libs": ,
"x": 420,
"y": 200,
"wires": [
[
"b31eb7f0672ea0dc"
]
]
},
{
"id": "b31eb7f0672ea0dc",
"type": "mysql",
"z": "80d5d9d76b2abb36",
"mydb": "baa40f4b45a08cd2",
"name": "",
"x": 580,
"y": 200,
"wires": [
[
"fcbe266f0e5fb71e"
]
]
},
{
"id": "d3a2dda201e44b56",
"type": "inject",
"z": "80d5d9d76b2abb36",
"name": "07:00",
"props": [
{
"p": "payload"
},
{
"p": "topic",
"vt": "str"
}
],
"repeat": "",
"crontab": "00 07 * * *",
"once": false,
"onceDelay": 0.1,
"topic": "",
"payload": "",
"payloadType": "date",
"x": 230,
"y": 200,
"wires": [
[
"e6a0d7e1f2149541"
]
]
},
{
"id": "ce208d26c1a3c1d6",
"type": "comment",
"z": "80d5d9d76b2abb36",
"name": "flow-Dashboard",
"info": "",
"x": 240,
"y": 80,
"wires":
},
{
"id": "fcbe266f0e5fb71e",
"type": "ui-table",
"z": "80d5d9d76b2abb36",
"group": "78f803b4efd79705",
"name": "",
"label": "",
"order": 1,
"width": 0,
"height": 0,
"maxrows": 0,
"passthru": false,
"autocols": true,
"showSearch": true,
"deselect": true,
"selectionType": "none",
"columns": ,
"mobileBreakpoint": "sm",
"mobileBreakpointType": "defaults",
"action": "append",
"className": "",
"x": 750,
"y": 200,
"wires": [

]
},
{
"id": "5cf1fd5de86cc539",
"type": "ui_spacer",
"z": "80d5d9d76b2abb36",
"name": "spacer",
"group": "20bd5414dda12f78",
"order": 2,
"width": 1,
"height": 1
},
{
"id": "baa40f4b45a08cd2",
"type": "MySQLdatabase",
"name": "MariaDB",
"host": "core-mariadb",
"port": "3306",
"db": "Temp_Trend",
"tz": "",
"charset": "UTF8"
},
{
"id": "78f803b4efd79705",
"type": "ui-group",
"name": "Group 1",
"page": "048a05cbebcaa0df",
"width": 6,
"height": 1,
"order": 1,
"showTitle": true,
"className": "",
"visible": "true",
"disabled": "false",
"groupType": "default"
},
{
"id": "20bd5414dda12f78",
"type": "ui_group",
"name": "Button",
"tab": "6f341ead8893258d",
"order": 1,
"disp": true,
"width": 6,
"collapse": false,
"className": ""
},
{
"id": "048a05cbebcaa0df",
"type": "ui-page",
"name": "Page 1",
"ui": "c3c68f976471aa26",
"path": "/page1",
"icon": "home",
"layout": "grid",
"theme": "e097e95414056b0d",
"breakpoints": [
{
"name": "Default",
"px": "0",
"cols": "3"
},
{
"name": "Tablet",
"px": "576",
"cols": "6"
},
{
"name": "Small Desktop",
"px": "768",
"cols": "9"
},
{
"name": "Desktop",
"px": "1024",
"cols": "12"
}
],
"order": 1,
"className": "",
"visible": "true",
"disabled": "false"
},
{
"id": "6f341ead8893258d",
"type": "ui_tab",
"name": "Demo",
"icon": "dashboard",
"disabled": false,
"hidden": false
},
{
"id": "c3c68f976471aa26",
"type": "ui-base",
"name": "http://homeassistant.local:1880/endpoint/dashboard/page1",
"path": "/dashboard",
"appIcon": "",
"includeClientData": true,
"acceptsClientConfig": [
"ui-notification",
"ui-control"
],
"showPathInSidebar": false,
"headerContent": "page",
"navigationStyle": "default",
"titleBarStyle": "default",
"showReconnectNotification": true,
"notificationDisplayTime": 1,
"showDisconnectNotification": true,
"allowInstall": false
},
{
"id": "e097e95414056b0d",
"type": "ui-theme",
"name": "Default Theme",
"colors": {
"surface": "#ffffff",
"primary": "#0094CE",
"bgPage": "#eeeeee",
"groupBg": "#ffffff",
"groupOutline": "#cccccc"
},
"sizes": {
"density": "default",
"pagePadding": "12px",
"groupGap": "12px",
"groupBorderRadius": "4px",
"widgetGap": "12px"
}
}
]

On the dashboard 2.0 tab, I can edit settings.
The edit ui-base node provides a name:http://homeassistant.local:1880/endpoint/dashboard/page1. Not sure what this does.
Clicking on the open dashboard button, i get a 404 error. The url is http://homeassistant.local:8123/endpoint/dashboard.

It would appear I need to create a url for the Dashboard 2.0? Where do I do this?
Thanks for any help.

[Jean-Luc]

simply replaces the 8123 par 1880

@777fatcat

The url is http://homeassistant.local:8123/endpoint/dashboard.

with http://homeassistant.local:1880/endpoint/dashboard

This should work, it should end up with a URL like thisci:
http://homeassistant.local:1880/endpoint/dashboard/page1

[777fatcat]

HI
Thanks for your reply.
I entered http://homeassistant.local:1880/endpoint/dashboard/page1 into the url of my browser and the dashboard appeared. And my data set appeared. Great.

That url is now captured in the name of the Edit ui-base node.

Unfortunately when I click on the 'open dashboard' button, I get a 404 error and a web page which has http://homeassistant.local:8123/endpoint/dashboard. So, I need to know where to store the correct url so that when I click 'open dashboard' the dashboard will open.

Thanks again.

[jbudd]

The 'open dashboard' button points to /dashboard.

As your editor is (I think) at http://homeassistant.local:8123/endpoint and the dashboard at http://homeassistant.local:1880/endpoint/dashboard it doesn't work.

I don't think you can easily change this button.

You have uncovered a bug but I'm not sure if it's in Homeassistant or Node-red

It might have an impact on password protecting the dashboard in settings.js too, if that applies to dashboard 2.

[777fatcat]

HI
Great. For the time being, I can live using a url pointing to my dashboard2.
Also have added a iframe to my HA dashboard which allows me to view the dashboard from Home Assistant. At least I am part way there.