2 minutes reading time (324 words)

How to configure facebook with Cordova Android & iOS App

How to configure facebook with Cordova Android & iOS App

Facebook login has become crucial for all the sites. Keeping the user perspective in mind, it saves a lot of energy and time of the user to fill those lengthy forms for new account creation and just by login in using the Facebook account, a new user account can be created.

For the site manager it becomes very easy to fetch all the user data which is readily available on the user’s facebook account. So, this becomes a win-win situation for both the parties.

Now implementing this Facebook login for Android and iOS app  is bit of a challenge for the developers. We were also facing the same issue. Thought of blogging about it to help my fellow developers overcome this challenge.

How do we do it?

 

- Go to https://developers.facebook.com/

- Login using the credentials

- Go to Manage Apps > Create New App

b2ap3_thumbnail_image06.png

- You'll see the Dashboard

b2ap3_thumbnail_image05_20150714-124112_1.png

Go to the Settings tab  : Fill all the information about the app

  • Basic Settings

    - Display name

    - App Domains

    - Contact Email - Compulsory : Without this you can not make the app public

    - Click On Add Platforms

    - Add Website : Give the url of the domain site

    - Add Android :

    1. Fill the package name

    2. Class name : This you will get from the Eclipse > Project > src > pacakgename.java

    3. Keyhash

 

Open terminal and hit these following commands

keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64

keytool -exportcert -alias -keystore | openssl sha1 -binary | openssl base64
 

           - Keep Single Sign On - Keep single sign key on

b2ap3_thumbnail_image01.png

 

Now go to add platform

b2ap3_thumbnail_image00.png

  • Advanced Settings

    - Under App Restrictions keep “Social Discovery” settings on

    - Under Security Section

b2ap3_thumbnail_image02.png

b2ap3_thumbnail_image07.png

  •  Migrations

b2ap3_thumbnail_image08.png

Status & Review 

b2ap3_thumbnail_image04.png

 

App Details

b2ap3_thumbnail_image09.png

 

App Details > Configurations

b2ap3_thumbnail_image10.png

 

I hope this helps! Feel free to add a comment if you've any doubts :)

Launching jUnite Weekly!
JTicketing Pro App Road Map for v3

Related Posts