16 May 2011 3:45 PM #1
SIMACS Facebook Chat Prototype
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.
17 May 2011 4:55 AM #2
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?
17 May 2011 6:48 AM #3
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.
18 May 2011 8:47 PM #4
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.
24 May 2011 6:15 AM #5
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.
30 Aug 2011 3:34 PM #6
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.
30 Aug 2011 11:44 PM #7
31 Aug 2011 1:39 AM #8
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.
13 Sep 2011 2:08 PM #9
as a sencha novice, I can't even fathom how you put this together!!
13 Sep 2011 2:11 PM #10
By lenzb in forum Ext 2.x: Help & DiscussionReplies: 2Last Post: 11 Jan 2012, 6:48 AM
By AndreaCammarata in forum Sencha Touch 1.x: DiscussionReplies: 0Last Post: 7 Mar 2011, 8:47 AM
By Krotzzz in forum Ext 2.x: BugsReplies: 17Last Post: 8 Oct 2008, 9:28 AM
By keithpitt in forum Community DiscussionReplies: 0Last Post: 30 Oct 2007, 9:50 PM