SIMACS Facebook Chat Prototype

[AndreaCammarata]

Hi guys.
Im this post I wanna share with you a prototype application I'm working on for a NY customer.
The customer has given me permission to show a preview and then, what is the best place to show it if not the official Sencha forum?
The application allows to every facebook users to login with his own facebook credentials, see his friends inside the roaster with avatar pictures and chat with them in real time. The GUI is really simple and incomplete, but, I already said is only a prototype.
Another Sencha Touch app developed by SIMACS.

I post a simple video that show how it works.

As always, every kind of feedback is always appreciated.
Cheers guys, I hope you like it, and I even hope it helps you to understand the power of Sencha Touch framework.

[tomalex0]

Hi Andrea

Thanks for sharing this, it all looks good. Seems you been working with chat applications a lot .

Mean while how messages are pushed from FB to sencha app?

Web workers? or just repeated ajax request?

[AndreaCammarata]

Hi tomalex.
Thank you as always for your feedback!

Yeah actually I'm working a lot on chat applications, but in the ends, chat is only a simple features on what I'm developing on my applications. In fact, I'm improving (when I have some free time ) my custom Sencha XMPP real time communication component to let developes use this as best to create Multyplayer games, chat applications, custom networks and so on.

About your question, no web workers is used inside this application, but it is build on XMPP protocol, so it's all a question about sent and received xml packet with some secret tricks .

Thank you again for your feedback tomalex.
Hope this helps.

[realkevinroth]

How are you handling the authentication? I haven't had a reason to poke around with facebook logins or oauth2 yet, but would be interested to hear how that's being handled. Would love to see some code for that, but I'd be happy with an overview if nothing else.

[AndreaCammarata]

Hi realkevinroth.
There are two differents ways to login inside the Facebook chat with an XMPP client using two different kind of auth types. The first one is "DIGEST-MD5" and the second one is the "X-FACEBOOK-PLATFORM". Facebook suggests the last one, because, if you use "DIGEST-MD5" you need to set a username for your Facebook account, and this apart, the first time an user log inside the chat will see his account disabled from Facebook for security reasons because the user has still not authorize the application to use his account. However, the video I show you still use "DIGEST-MD5" bacause it was only a prototype, but I finally over to develope the "X-FACEBOOK-PLATFORM" on a popular XMPP library. I will post a new video to show how this works thanks to oauth2, and maybe I will release the edited xmpp library for free on github.

Hope this helps.

[kevinv1990]

It looks real great, any chance I can see the source code, it would really help me out with my current project for school! The project is: Make a WebApp for an social media site of your choice. I chose facebook because the docs are pretty good, I get it to work with posting messages etc, but the facebook chat is quiet difficult, it would really help me out.

Kevin

[AndreaCammarata]

It looks real great, any chance I can see the source code, it would really help me out with my current project for school! The project is: Make a WebApp for an social media site of your choice. I chose facebook because the docs are pretty good, I get it to work with posting messages etc, but the facebook chat is quiet difficult, it would really help me out.

Kevin

Hi Kevin, thank you for your feedback.
Unfortunately I can not show the source code, because the project has been developed for a client, however I agree with your choice, even if Twitter would probabilly be the easy way to complete your project. Good luck Kevin.

[kevinv1990]

Thanks for your answer! I understand your point. However I do have zero experience with those protocols, by any chance you can give me some quick tips how to get started? Tutorials, links, step-by-step info.

Kevin

[clabasky]

as a sencha novice, I can't even fathom how you put this together!!

[AndreaCammarata]

as a sencha novice, I can't even fathom how you put this together!!

Uhmm...I suggest you to start with something easier