# Setting up this dashboard (NR/Mosquitto/web page)

**URL:** <https://discourse.nodered.org/t/setting-up-this-dashboard-nr-mosquitto-web-page/49949>\
**Category:** General\
**Created:** [20 August 2021 09:26 UTC](https://discourse.nodered.org/t/setting-up-this-dashboard-nr-mosquitto-web-page/49949 "2021-08-20T09:26:41Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![hadwll](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hadwll/32/89020_2.png) [@hadwll](https://discourse.nodered.org/u/hadwll)\
**Post date:** [20 August 2021 09:26 UTC](https://discourse.nodered.org/t/setting-up-this-dashboard-nr-mosquitto-web-page/49949/1 "2021-08-20T09:26:41Z")

</div>

Hi,

A search has revealed a couple of similar requests mostly linked to the NR dashboard.

I wish to develop the below architecture for displaying data from sensors, I have the plc, rpi and mosquitto comms setup, I just need some peoples thoughts on the options available to display the data from the broker to a dashboard, it needs to be accessible through the internet, needs to be secure.

Any experiences?

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/1/0169ea56410b8867e0789ed1d15c1a505f5741c8.png)

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [20 August 2021 11:16 UTC](https://discourse.nodered.org/t/setting-up-this-dashboard-nr-mosquitto-web-page/49949/2 "2021-08-20T11:16:14Z")

</div>

> [@hadwll](#):
>
> options available to display the data from the broker to a dashboard

That is what Node-RED is for. Add MQTT-in nodes, format the data if needed then pass to your Dashboard.

> [@hadwll](#):
>
> it needs to be accessible through the internet, needs to be secure.

Well, this is a complex question but LOTs has already been written on the subject and there is no need to repeat it here.

---

<div class="post-metadata">

**Author:** ![hadwll](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hadwll/32/89020_2.png) [@hadwll](https://discourse.nodered.org/u/hadwll)\
**Post date:** [20 August 2021 11:44 UTC](https://discourse.nodered.org/t/setting-up-this-dashboard-nr-mosquitto-web-page/49949/3 "2021-08-20T11:44:34Z")

</div>

Hi,

Apologies when I said dashboard I was refering to a html/css web page dashboard opposed to the /ui.

Indeed there has been alot wrote about the subject, no need to repeat. I agree.

However, I would be interested to hear from anyone with recent experience of a similar project..

Thanks.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [20 August 2021 15:32 UTC](https://discourse.nodered.org/t/setting-up-this-dashboard-nr-mosquitto-web-page/49949/4 "2021-08-20T15:32:11Z")

</div>

If you want to directly access your MQTT broker from a non-Node-RED web page, you will need to configure the broker to allow websocket connections. Then you can use a browser-based MQTT library.

Of course, all of the usual security caveats apply including some extra ones for securing websockets.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [19 October 2021 15:32 UTC](https://discourse.nodered.org/t/setting-up-this-dashboard-nr-mosquitto-web-page/49949/5 "2021-10-19T15:32:11Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.