Real Time Connector

Content Type: Module
Categories: User Interface,Data

Overview

This widget allows to display real-time data without refreshing the page/context! - Display real-time data, - Refresh data without refreshing page/context, - Manipulate UI data without context access, - Dynamic configuration - Integration with any external app/service/IoT Device

Documentation

https://youtu.be/2-YwtmL4xZ8
Demo urlhttps://firebasewidget-sandbox.mxapps.io/index.html?profile=Responsive

## Real Time Connector

This widget allows to display real-time data without refreshing the page/context!

 

## Features

-   Display real-time data,

-   Refresh data without refreshing page/context,

-   Manipulate UI data without context access,

-   Dynamic configuration

-   Integration with any external app/service/IoT Device

 

## Usage

1. Create new Firebase Web App - https://support.google.com/firebase/answer/9326094?hl=en and make sure that writing and

   reading rights are set to true

2. Get Firebase config object - https://firebase.google.com/docs/web/setup

3. Create constants in your Mendix app to store configuration objects attributes

4. Make sure that "Exposed to client" option in constant configuration is "yes"

5. Place widget on chosen page and double click to open config window

6. Go to "Auth" tab and insert constants / you can type strings directly without constants

7. Go to "General" tab, in "firebaseObjectId" put the name of object in firebase (you can store it as
object attribute, then use "$CurrentObject/AttributeName")

8. Click okay and run your app

9. On second browser tab open Firebase Real-TimeDatabase console and change value of your object

 

If you want to use it inside your mendix app just use the Real-TimeConnector Additional Tools. There are 3 microflows attached to: create, update and delete data in Firebase Real-Time-Database.
https://appstore.mendix.com/link/app/113861/

 

## Security

As you noticed exposing to client your Firebase strings is required. This connection strings only allows to identify

your project, so there is no security risk. If you want to provide additional authentication, please follow by Firebase docs.
https://firebase.google.com/docs/database/security

 

## Demo project

https://firebasewidget-sandbox.mxapps.io/index.html?profile=Responsive

 

## Development and contribution

Objectivity Team:

author: Michal Gogol, Software Developer,

reviewers: Sergiusz Woznicki, Sr Software Developer, Michal Jankowski, Solution Architect

 

 

Releases

Version: 1.0.0
Framework Version: 8.7.0
Release Notes: First release