I am creating a dashboard on UI Builder to monitor when certain Zoom meetings start.
Imagine the following archtecture.
- A backend table called zoom_events containing objects representing zoom events eg. start_time: 123456789, live:true/false
- There is a frontend page that pulls the zoom_events objects on page load.
- There is a webhook from Zoom that triggers when a meeting starts. It leads to a Backend method that changes the table boolean called ‘live’ to ‘true’.
- If the user reloads the page, the live boolean will be true. But I am trying to set it to true in the Page Data without reloading the page. The property will be linked to a color change to green. So the desired effect is that the calendar object changes to green on the page, once we receive the webhook from Zoom.
Is this something that can be accomplished using the Real Time API or another approach to communicate the changed property from the back end to the already-loaded front-end page?