Integrate Facebook, Twitter, Google+ into Android app using PhoneGap

Question

I want to integrate Facebook (for example), Twitter, Google+ (bubble button) into my Android application, which is developed using jQuery Mobile in PhoneGap, so that users can post content from the page to their walls. Nothing works for me.

Answer 1

Here is a blog post that describes how to integrate twitter and facebook into phonegap

The thing is, iframes on the phone have weird behavior, and twitter and facebook oAuth require this, so you need to use ChildBrowserPlugin

Answer 2

For Facebook, phonegap-plugin-facebook-connect works well, although integration is more complicated than it should be.

Answer 3

I can solve it like this:

1) When a user clicks on Google, Facebook, Twitter, etc., I open the link ( http://www.mywebsite.com/login/google ) in InAppBrowser (native PhoneGap function, the plugin is not required) if Google clicked

2) When the link is open, my server redirects to Google.com, and the user sees the Google login page.

3) The user authenticates using Google and Google, redirects the token to my server.

4) Now my server uses this token to create some accounts, logs, perform some operations and then redirect to the URL with the information required by my phone application.

eg. - It recycles http://mywebsite.com/login/google/successful?token= <> & query-string-parameters

5) InAppBrowser listens for URL changes, and when it finds the URL with the above pattern, it takes over, parses the URL, parses the information sent with the URL, and then closes InAppBrowser.