How to use chatview with firebase?

This is very new for everyone to use Firebase with Chat View.
So I also searched so many times and find some ways to use.But everytime there was a bug in the method.
So I mixed up my ideas in @Choofa method and built a new method.
Here you can read his post:-

How it looks from designer

Components and Layouts

  • Vertical Arrangement
  • Horizontal Arrangement
  • Chat view
  • Text Box
  • Label
  • Image Picker
  • Tiny DB
  • Cloudinary
  • Notifier
  • Firebase DB

Blocks
Blocks are divided into five parts.
1.Screen initialization and getting sent messages tags

blocks%20(74)

2.Receive sent messages and add them in Chat View

3.Send a message

blocks%20(77)

blocks%20(78)

blocks%20(79)

4.Check for new message(s)

blocks%20(80)

5.Send images

blocks%20(81)

blocks%20(82)

blocks%20(83)

Extra Blocks

blocks%20(84)

blocks%20(85)

blocks%20(86)

blocks%20(87)

Extra features

I have used following extensions to add more features:

Aia
As there was some problem in ais file so I am now giving aia file with ais included.
But there is a faulty screen in Aia so be careful.

Here is Aia file download link:
Download Link: Chat.aia - Google Drive

Liked My Work

If you think it is useful or you liked it then you can motivate me to make Guides/Tutorials like this:
Shortened Download Link: Shrink your URLs and get paid!

What’s New

  • Replaced Clock with DateTools extension (but you can still use Clock)
  • Better detection of image URL (just for newbies)

Don’t forget to give suggestions.’
Hope this will be helpful :grin:

Last Updated 2019-11-13T18:30:00Z

34 Likes
How to make a Group Chat using Chat view with Firebase with History
Firebase DB chat project
How can I use the chat view component without phone numbers
Making Firebase.StoreValue Tag serialized?
How to make Classified Application like OLX
Help me firebase aut chatview problem
Tutorial Writer badge
How to solve firebase error
ChatView with Firebase or TinyWeb_DB
Width percentage
Need Help with Chat View and Firebase
I need help with chat
Chat Duplication
How to make One Way messaging system between Two Apps through Airtable with ChatView?
Send and receive a text to a number online
Send and receive a text to a number online
I have a problem with my chat application
I have a problem with my chat application
I have some problems with coding chat app like whats app
Help with the chat view component
Help me making chat app
Please help me create a chat system!
Problem with Chatview
Messaging between registered users
Firebase Database error help me
ChatView Refreshing Page Problem [SOLVED]
Using chat view first time
Chat app in Kodular
Chat view with firebase
Problem using chatview
Help with a app Social Media
How can i add chat to admin when user login!?
How can i make a chat system in kodular?
Online Class App With Youtube Videos
I want to make a chat app where should I begun form?
I want to make a chat app where should I begun form?
Want group chat aia
Chatview: How to use Add Component Messasge
How to make a group chat app using Firebase?
Implementing ChatView with firebase database has error in multiline message
Chat component use
How to get list in serialwise from firebase?
Help with displayed text
How to do chatting in two apps
How to show user image in Chat View via Firebase DB got value?
Screen not working
Chats don't show in ChatView
How to setup chatview using Citrixchatview extension
How to show user image in Chat View via Firebase DB got value?
See here how to use Firebase with ChatView Component
Time stamp keeps changing time
Time stamp keeps changing time
DateTools : Some tools to work with date and time
Help with the chat view component
How to upload username to firebase and use it in chatview
Chat App with Firebase and ListView
How to create chat with Admin system

can you attach an aia, it would be better for us to live test it and understand it better, by the way I appreciate your efforts ! Nice Expalnation !

thanks mate

since the ais is not available, bro can you share about those 3 firebase buckets, are thier same api key and tokens? i try to copy all the blocks in the image you uploaded but, i get 2 buble chat, as sender and reciever when i send message, that suppose to be the correct, i get the first bubble chat, and get second bubble chat with responser reply, overall i see your work with this blcks a good chat history, its stored everything , nice using firebase

problem solve. its the when data changed that duplicate the buble chat, it should be in another screen like inbox features. Thanks for the guide. 100% working

Happy to hear that it works.Can you clarify it?
Otherwise I have made new version when I have time I will update this guide.

im working it out, so i can continue your guide for our community, im clarifying since the firebase uses same api key and token, ti can easily trigger th when data changed automaticaly coz it will call the taglist like the image fourth to check for the message you provide. It should be in another screen which create an inbox to check new messages, probably a listview component, which when its click its manually call the messages of two user when the firebase bucket correct blocks, which you provide in the guide. A lot of things to do, i share an aia when i finish this project for guide purposes to save time for everyone

I have worked on that and made an app using that method.
I have also made chat system using mysql and firebase.
May be in future this method will be very useful for developers.

1 Like

Can you please check that new download link is working or not?

1 Like

Wait bro… i check

Not working for me. HTTP 412 ERROR

Ok…
I have updated download link.

one thing lack with this project, a notification where if new message has been detected, one signal component is good, even the app close, which also i discoverd this extension [Free] Extension OneSignalSend (Christmas Update) version4 - #ThunkableClassicExtensions - Community but don’t know yet, still testing, if you have any idea for better option . hehehe it can save time.

I tried to do that with firebase data changed block but every time I open app it showed notification so I removed that option.
If you can do that than just do that.:grin:

the extension above have a great chance… it just to complicated blocking the specific id of a user, and the extension crash sometimes.

unless if not an extension, we can use 3rd party live notofication provider like this one https://ifttt.com/

1 Like

@vknow360 link not working

It will be fixed soon…:blush:

Updated download link.
Now all files will be hosted on my website :grin:

Can we integrated this feature to kodular?