# How to update web page data

**URL:** <https://discourse.nodered.org/t/how-to-update-web-page-data/79926>\
**Category:** General\
**Created:** [19 July 2023 05:08 UTC](https://discourse.nodered.org/t/how-to-update-web-page-data/79926 "2023-07-19T05:08:17Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![BitEater](https://avatars.discourse-cdn.com/v4/letter/b/dc4da7/32.png) [@BitEater](https://discourse.nodered.org/u/BitEater)\
**Post date:** [19 July 2023 05:08 UTC](https://discourse.nodered.org/t/how-to-update-web-page-data/79926/1 "2023-07-19T05:08:17Z")

</div>

I want to create a Node Red project with basically the following features:

- Users can log in via web page. The users have different roles.
- Some roles enter data which is stored on a database or other item on the Raspberry Pi
- Some roles only show data from a database or other source on the Raspberry Pi
- Whenever one user enters data, the shown data for the other users have to be updated when applicable

I have a rough idea on how I can create a login page. But I don't know an easy way to update data on a web page triggered by the "server" (when data content changes). Any ideas for me, perhaps with examples?

Thank you

---

<div class="post-metadata">

**Author:** ![famouspotatoes1](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/famouspotatoes1/32/15205_2.png) [@famouspotatoes1](https://discourse.nodered.org/u/famouspotatoes1)\
**Post date:** [19 July 2023 11:03 UTC](https://discourse.nodered.org/t/how-to-update-web-page-data/79926/2 "2023-07-19T11:03:21Z")

</div>

Here is a good example using websockets to communicate between Node-RED and your web page.  
[https://flows.nodered.org/flow/8666510f94ad422e4765](https://flows.nodered.org/flow/8666510f94ad422e4765)

---

<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:** [19 July 2023 20:08 UTC](https://discourse.nodered.org/t/how-to-update-web-page-data/79926/3 "2023-07-19T20:08:06Z")

</div>

uibuilder is great for this use-case. It handles the comms for you but still lets you (if you want to) manage your web page code in a standard way (it also has zero- and low-code options too).

With uibuilder, handling messages to/from Node-RED in your front-end code is as easy as doing it in Node-RED itself.

---

<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:** [2 August 2023 20:08 UTC](https://discourse.nodered.org/t/how-to-update-web-page-data/79926/4 "2023-08-02T20:08:41Z")

</div>

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