Build a “To Do” Application with Sencha Touch, Sencha.io, and Facebook Integration http://www.sencha.com/blog/build-a-to-do-application-with-sencha-touch-senchaio-and-facebook In this article, we’ll show you how to take advantage of Sencha.io in a Sencha Touch application. We’ll use two of the Sencha.io services — the User Login service to have users connect to the app via Facebook, and the Data service to store information. en-us jason.cline@sencha.com Copyright 2012 2012-06-26T17:46:32+00:00 Comment by Sharad Chandra How to append url in proxy. There are two variable strUserId and strPassword.where strUserId =Doe and strPassword =xyz. my url is http://localhost:51047/SenchaTest/Default.aspx I hav.e to append url like below :- http://localhost:51047/SenchaTest/Default.aspx?Username=Doe &Password=xyz Please suggest me as soon as posible. How to append url in proxy.
There are two variable strUserId and strPassword.where strUserId =Doe and strPassword =xyz.
my url is http://localhost:51047/SenchaTest/Default.aspx I hav.e to append url like below :-
http://localhost:51047/SenchaTest/Default.aspx?Username=Doe &Password=xyz

Please suggest me as soon as posible.

]]> Thu, 26 Jul 2012 16:02 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31890#date:16:02 Comment by Marcus Great example!  I’m working on something similar but I’m trying to use Windows Azure Access Control Service (ACS) for the Facebook authentication part. I’m having trouble getting it to work though, do you have any experience with Windows Azure ACS or know of anyone that has worked with Sencha Touch and Azure? Thanks Jason. Great example!  I’m working on something similar but I’m trying to use Windows Azure Access Control Service (ACS) for the Facebook authentication part. I’m having trouble getting it to work though, do you have any experience with Windows Azure ACS or know of anyone that has worked with Sencha Touch and Azure? Thanks Jason.

]]> Thu, 26 Jul 2012 15:45 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31888#date:15:45 Comment by Banner The ‘Sencha Touch application’ is truly very useful to apply to create my own page. Thanks for giving every sketch of the steps. It’ll help to go forward with the right clue. Thanks Jason! The ‘Sencha Touch application’ is truly very useful to apply to create my own page. Thanks for giving every sketch of the steps. It’ll help to go forward with the right clue. Thanks Jason!

]]> Sun, 01 Jul 2012 04:09 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31776#date:04:09 Comment by Jason Cline Hi Josh, I’d be happy to help get you going.  If you don’t already have a forum account http://www.sencha.com/forum you should sign up. It is a great resource for getting your Sencha related questions answered. As for your specific issue.  The current version of Sencha.io uses Websockets to maintain a realtime connection between the client and server. Websockets are a new technology that isn’t supported on all network environments. In particular many firewalls and proxies prevent them from establishing or maintaining a connection. This is one possible explanation for what you are seeing.  For the production release of Sencha.io we will be using a variety of network transports to ensure that all devices can connect to the servers and automatically select the best one available. In the meantime if you could post the details about your test setup on the forum we would greatly appreciate it: http://www.sencha.com/forum/forumdisplay.php?94-Sencha.io-Community-Forums Hi Josh,

I’d be happy to help get you going.  If you don’t already have a forum account http://www.sencha.com/forum you should sign up. It is a great resource for getting your Sencha related questions answered.

As for your specific issue.  The current version of Sencha.io uses Websockets to maintain a realtime connection between the client and server. Websockets are a new technology that isn’t supported on all network environments. In particular many firewalls and proxies prevent them from establishing or maintaining a connection. This is one possible explanation for what you are seeing.  For the production release of Sencha.io we will be using a variety of network transports to ensure that all devices can connect to the servers and automatically select the best one available.

In the meantime if you could post the details about your test setup on the forum we would greatly appreciate it:

http://www.sencha.com/forum/forumdisplay.php?94-Sencha.io-Community-Forums

]]> Fri, 29 Jun 2012 15:39 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31773#date:15:39 Comment by Jason Cline Hi Dan, Were you using the hosted example at http://sio-todo.senchafy.com/ or were you using the tutorial to deploy your own copy? If you were using http://sio-todo.senchafy.com/ then you should not have seen a sencha.io login. I re-tested on an my iphone 4s just now using that url and it worked as expected. But it is possible that uncovered a bug we haven’t seen yet. Also make sure that you weren’t in private browsing mode. We rely on localstorage which is disabled when you are in private browsing mode. We have a section on our community forums dedicated to supporting those who use http://www.sencha.com/forum/forumdisplay.php?94-Sencha.io-Community-Forums If you could post more details about your test I’d be happy to help further debug the problem. Hi Dan,

Were you using the hosted example at http://sio-todo.senchafy.com/ or were you using the tutorial to deploy your own copy?

If you were using http://sio-todo.senchafy.com/ then you should not have seen a sencha.io login.

I re-tested on an my iphone 4s just now using that url and it worked as expected. But it is possible that uncovered a bug we haven’t seen yet.

Also make sure that you weren’t in private browsing mode. We rely on localstorage which is disabled when you are in private browsing mode.

We have a section on our community forums dedicated to supporting those who use http://www.sencha.com/forum/forumdisplay.php?94-Sencha.io-Community-Forums

If you could post more details about your test I’d be happy to help further debug the problem.

]]> Fri, 29 Jun 2012 14:51 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31772#date:14:51 Comment by Josh Hey Jason, I am having a problem after I add the Sencha.io in. I am getting the error “Error during WebSocket handshake: ‘Connection’ header value is not ‘Upgrade’ ” As I am still new to Sencha Touch and even newer to using Sencha.io I have no clue as to what this error means. Any help would be really appreciated! Hey Jason,

I am having a problem after I add the Sencha.io in. I am getting the error “Error during WebSocket handshake: ‘Connection’ header value is not ‘Upgrade’ ”

As I am still new to Sencha Touch and even newer to using Sencha.io I have no clue as to what this error means.

Any help would be really appreciated!

]]> Fri, 29 Jun 2012 14:42 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31771#date:14:42 Comment by Dan Hi, Nice tutorial, but the demo app doesn’t seem to work as expected (iPhone 4s) I registered for an io account, typed a new task and hit enter then got a blank screen. I refreshed the page and hit the login button to be told that I must login with Facebook - after registering, why can’t I login with the account I just created? Hi,

Nice tutorial, but the demo app doesn’t seem to work as expected (iPhone 4s)

I registered for an io account, typed a new task and hit enter then got a blank screen.

I refreshed the page and hit the login button to be told that I must login with Facebook - after registering, why can’t I login with the account I just created?

]]> Fri, 29 Jun 2012 10:47 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31769#date:10:47 Comment by cnc Hi Aditya, Thanks for the clarification, I saw both the versions free downloadable ... do I need any permission for using the commercial version. What do u suggest which flavor a beginner should use for getting started Sencha. Hi Aditya,

Thanks for the clarification, I saw both the versions free downloadable ... do I need any permission for using the commercial version. What do u suggest which flavor a beginner should use for getting started Sencha.

]]> Fri, 29 Jun 2012 08:28 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31768#date:08:28 Comment by Jason Cline Hi David, Thank you for checking out the demo. Sencha Touch and Sencha.io are tightly integrated at the data layer. We need to update the io SDK to be compatible with the changes in 2.0.1.x. Hi David,

Thank you for checking out the demo. Sencha Touch and Sencha.io are tightly integrated at the data layer. We need to update the io SDK to be compatible with the changes in 2.0.1.x.

]]> Fri, 29 Jun 2012 08:03 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31767#date:08:03 Comment by Dave Horan Jason, great example. Well done. Is there any specific things that need to be changed for it to work on ST 2.0.1.x? This more of a Touch issue, or an SDK issue at this point? Jason, great example. Well done. Is there any specific things that need to be changed for it to work on ST 2.0.1.x? This more of a Touch issue, or an SDK issue at this point?

]]> Fri, 29 Jun 2012 03:55 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31765#date:03:55 Comment by Aditya Bansod @cnc—the GPL version means the application you create needs to follow the rules of the GPL, such as open sourcing your application. The Commercial version means that you do not need to follow those rules and it’s much more like standard commercial software rules. The actual product is identical. @cnc—the GPL version means the application you create needs to follow the rules of the GPL, such as open sourcing your application. The Commercial version means that you do not need to follow those rules and it’s much more like standard commercial software rules. The actual product is identical.

]]> Thu, 28 Jun 2012 14:41 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31764#date:14:41 Comment by cnc Hi All, I am new to Sencha, could any one tell me in short what are the differences between Commercial & GPL versions of Sencha. Regards, C Hi All,
I am new to Sencha, could any one tell me in short what are the differences between Commercial & GPL versions of Sencha.

Regards,
C

]]> Thu, 28 Jun 2012 11:14 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31763#date:11:14 Comment by Srinivasan Mohan Sweet - Nice Job io team! Sweet - Nice Job io team!

]]> Thu, 28 Jun 2012 05:41 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31762#date:05:41 Comment by Jason Cline Hi Jeff, You need to be using Sencha Touch 2.0.0 for this example to work.  The example code was published on git before the release of 2.0.1.1 Hi Jeff,

You need to be using Sencha Touch 2.0.0 for this example to work.  The example code was published on git before the release of 2.0.1.1

]]> Thu, 28 Jun 2012 00:57 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31761#date:00:57 Comment by Jeff Thurston Not working for me…. Did: git clone https://github.com/senchaio/sio-todo-app.git (worked) git branch -a (worked) git checkout 00_basic_app (worked) copied from Sencha (command folder, microloader folder, resources folder, src folder, version.txt, sencha-touch.js, sencha-touch-all.js) Opened in browser receive the follow error in web inspector GET http://localhost:8888/sio-todo-app/event/Dispatcher.js?_dc=1340833889080 404 (Not Found) Dispatcher.js GET http://localhost:8888/sio-todo-app/event/publisher/Dom.js?_dc=1340833889082 404 (Not Found) Dom.js These files are over in sdk/src/event in my project. Not working for me….

Did:
git clone https://github.com/senchaio/sio-todo-app.git (worked)
git branch -a (worked)
git checkout 00_basic_app (worked)
copied from Sencha (command folder, microloader folder, resources folder, src folder, version.txt, sencha-touch.js, sencha-touch-all.js)
Opened in browser receive the follow error in web inspector
GET http://localhost:8888/sio-todo-app/event/Dispatcher.js?_dc=1340833889080 404 (Not Found) Dispatcher.js
GET http://localhost:8888/sio-todo-app/event/publisher/Dom.js?_dc=1340833889082 404 (Not Found) Dom.js

These files are over in sdk/src/event in my project.

]]> Wed, 27 Jun 2012 21:59 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31758#date:21:59 Comment by Loiane Nice exemple! Thank you! Nice exemple!
Thank you!

]]> Wed, 27 Jun 2012 20:31 GMT http://www.sencha.com/blog//build-a-to-do-application-with-sencha-touch-senchaio-and-facebook#id:31757#date:20:31