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

2.Receive sent messages and add them in Chat View

3.Send a message

blocks%20(79)

4.Check for new message(s)

5.Send images

blocks%20(81)

Extra Blocks

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: http://raboninco.com/1glnw

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

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?