# How do I connect the latest chat message UI thunkable 2022 to the real time database in firebase ?

**URL:** <https://community.thunkable.com/t/how-do-i-connect-the-latest-chat-message-ui-thunkable-2022-to-the-real-time-database-in-firebase/1677454>\
**Category:** Questions about Thunkable X\
**Created:** [January 18, 2022, 3:24pm UTC](https://community.thunkable.com/t/how-do-i-connect-the-latest-chat-message-ui-thunkable-2022-to-the-real-time-database-in-firebase/1677454 "2022-01-18T15:24:28Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![albertclarence275mye](https://avatars.discourse-cdn.com/v4/letter/a/7bcc69/32.png) [@albertclarence275mye](https://community.thunkable.com/u/albertclarence275mye)\
**Post date:** [January 18, 2022, 3:24pm UTC](https://community.thunkable.com/t/how-do-i-connect-the-latest-chat-message-ui-thunkable-2022-to-the-real-time-database-in-firebase/1677454/1 "2022-01-18T15:24:28Z")

</div>

I’d like to ask you how to connect the chat message we made in thunkable version of UI 2022 current view to the real time database in firebase ?

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [January 18, 2022, 3:26pm UTC](https://community.thunkable.com/t/how-do-i-connect-the-latest-chat-message-ui-thunkable-2022-to-the-real-time-database-in-firebase/1677454/2 "2022-01-18T15:26:52Z")

</div>

Hey @albertclarence275mye

Are there any other details you can share about your project. Without knowing your app structure, it’s hard to tel you how to connect your app other than to share the link to the [docs](https://docs.thunkable.com/v/drag-and-drop/variables#connect-your-firebase-project-with-thunkable). Cloud variables use your firebase backend to store info, so that’s super convenient and helpful in a chat app project!

The. more you can share, the more the community can help.

---

<div class="post-metadata">

**Author:** ![albertclarence275mye](https://avatars.discourse-cdn.com/v4/letter/a/7bcc69/32.png) [@albertclarence275mye](https://community.thunkable.com/u/albertclarence275mye)\
**Post date:** [January 18, 2022, 4:05pm UTC](https://community.thunkable.com/t/how-do-i-connect-the-latest-chat-message-ui-thunkable-2022-to-the-real-time-database-in-firebase/1677454/3 "2022-01-18T16:05:19Z")

</div>

Okay Sir, this is my screenshot of the chat app projects I created :

 ![Screenshot_2022-01-18-23-02-16-00_2bbfbfee96a5dfce998f962ebb8b5da3.jpg](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/c/0cfde9864a19e2254af6a1901ebd482fd613277d.jpeg)

 ![Screenshot_2022-01-18-23-02-32-95_2bbfbfee96a5dfce998f962ebb8b5da3.jpg](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/4/c47405a90696ac298cb8f3d28f71903371be1f0c.jpeg)

 ![Screenshot_2022-01-18-23-02-40-18_2bbfbfee96a5dfce998f962ebb8b5da3.jpg](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/1/b133c7a3673ff64cf97f170113facbf5e2d6b63c.jpeg)

---

<div class="post-metadata">

**Author:** ![albertclarence275mye](https://avatars.discourse-cdn.com/v4/letter/a/7bcc69/32.png) [@albertclarence275mye](https://community.thunkable.com/u/albertclarence275mye)\
**Post date:** [January 19, 2022, 10:52am UTC](https://community.thunkable.com/t/how-do-i-connect-the-latest-chat-message-ui-thunkable-2022-to-the-real-time-database-in-firebase/1677454/4 "2022-01-19T10:52:23Z")

</div>

Let me ask you about What if I could create a project with a drag and drop components, I want to connect my project Thunkable drag and drop components to real - time database in firebase, But I confuse what blocks can be made to interconnect…

Maybe I could ask you a favor about the making real time database in firebase So that it can connect to thunkable drag and drop components ?

 ![Screenshot_2022-01-18-23-02-40-18_2bbfbfee96a5dfce998f962ebb8b5da3.jpg](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/1/b133c7a3673ff64cf97f170113facbf5e2d6b63c.jpeg)

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [January 19, 2022, 1:51pm UTC](https://community.thunkable.com/t/how-do-i-connect-the-latest-chat-message-ui-thunkable-2022-to-the-real-time-database-in-firebase/1677454/5 "2022-01-19T13:51:13Z")

</div>

Hi @albertclarence275mye have you already entered the API key and database URL?  
If not then do that in your projects settings.

Then you can Use cloud variables to add/update and retrieve data.

-Luke

---

<div class="post-metadata">

**Author:** ![albertclarence275mye](https://avatars.discourse-cdn.com/v4/letter/a/7bcc69/32.png) [@albertclarence275mye](https://community.thunkable.com/u/albertclarence275mye)\
**Post date:** [January 19, 2022, 2:39pm UTC](https://community.thunkable.com/t/how-do-i-connect-the-latest-chat-message-ui-thunkable-2022-to-the-real-time-database-in-firebase/1677454/6 "2022-01-19T14:39:35Z")

</div>

I already filled out api key and database url in my project settings, I’ve also used variable cloud,. But I don’t understand how add, update and retrieve data, please tell me how add, update and retrieve data…

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [January 20, 2022, 7:04am UTC](https://community.thunkable.com/t/how-do-i-connect-the-latest-chat-message-ui-thunkable-2022-to-the-real-time-database-in-firebase/1677454/7 "2022-01-20T07:04:48Z")

</div>

Well if you Use cloud variables.  
You can Use the set X block to add/update data and get X block to get the data

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [January 20, 2022, 7:27am UTC](https://community.thunkable.com/t/how-do-i-connect-the-latest-chat-message-ui-thunkable-2022-to-the-real-time-database-in-firebase/1677454/8 "2022-01-20T07:27:09Z")

</div>

You can see some examples here:

> [@Replace GET or SAVE Blocks with cloud variables](https://community.thunkable.com/t/replace-get-or-save-blocks-with-cloud-variables/975738):
>
> I just discovered a VERY simple and fast way to get and set Firebase data without using the GET or SAVE blocks (which has all sorts of asynchronous issues). The 2 any button click blocks below return the same data. Just put the GET block KEY variable into the CLOUD variable name and PRESTO. You have a synchronous call to firebase! Similarly, you can set data anywhere in the JSON Hierarchy using cloud variables. Both of the examples below update Firebase, but the CLOUD based solution…

---

<div class="post-metadata">

**Author:** ![albertclarence275mye](https://avatars.discourse-cdn.com/v4/letter/a/7bcc69/32.png) [@albertclarence275mye](https://community.thunkable.com/u/albertclarence275mye)\
**Post date:** [January 20, 2022, 10:16am UTC](https://community.thunkable.com/t/how-do-i-connect-the-latest-chat-message-ui-thunkable-2022-to-the-real-time-database-in-firebase/1677454/9 "2022-01-20T10:16:39Z")

</div>

Okay, Thank you sir

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [April 20, 2022, 10:17am UTC](https://community.thunkable.com/t/how-do-i-connect-the-latest-chat-message-ui-thunkable-2022-to-the-real-time-database-in-firebase/1677454/10 "2022-04-20T10:17:24Z")

</div>

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