PhoneGap and OAuth2

Question

I am developing a PhoneGap application and require my users to sign in through Google with OAuth2. Is this possible directly through JavaScript? I have almost no experience with JavaScript (and jQuery).

What are the options? I have thought of a cumbersome alternative which involves posting the username/password to an application I have hosted on a server which then takes care of logging in. Then the PhoneGap app will have to ask the server if the authentication was successful. However, I was hoping there would be a simpler way.

What is the best way signing in through Google on a PhoneGap app?

Answer 1

I have managed to get it working! I'm posting my thoughts here because I had a hard time finding the answer after hours of searching the web.

The important steps are:

• Make sure ChildBrowser works properly
• Setup a function that will listen to page changes window.plugins.childBrowser.onLocationChange = function(fooUrl) { console.log(fooUrl); }
• Build the URL with the query string as described in this tutorial
• Point ChildBrowser to the URL
• When the user logs in, you will be able to extract the session token from fooUrl

If you still don't know how to do this, have a look at this Android app. (There is a lot of code, and it might seem overwhelming, so I suggest only going for this as a last resort)