Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • FaceBook Integration in Android Application - 8 Steps Process

    @manjeet.negi
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 1
    • 0
    • 2.73k
    Comment on it

    Facebook integration helps the user to login to your app with his/her Facebook account.

     

     

    If you are looking for the procedure to integrate Facebook in your android then do follow the steps mentioned below:-

     

    Step 1) In your project build.gradel(project) add the repository to the buildscript {repositories{}} section

    1. mavenCentral()

    like shown below

    1. buildscript {
    2.     repositories {
    3.         jcenter()
    4.         mavenCentral()
    5.     }
    6.     dependencies {
    7.         classpath 'com.android.tools.build:gradle:2.3.0'
    8.  
    9.         // NOTE: Do not place your application dependencies here; they belong
    10.         // in the individual module build.gradle files
    11.     }
    12. }
    13.  
    14. allprojects {
    15.     repositories {
    16.         jcenter()
    17.     }
    18. }
    19.  
    20. task clean(type: Delete) {
    21.     delete rootProject.buildDir
    22. }

     

    Step 2) Now in your project build.gradel(module:app) add below mentioned compile line to dependencies{}

    1. compile 'com.facebook.android:facebook-android-sdk:[4,5)'

    after adding these lines sync your project.

     

    Step 3) Now edit your manifest file by adding Internet permission and meta-data tag and activity for facebook as shown below

    1. <uses-permission android:name="android.permission.INTERNET"/>
    2. <meta-data android:name="com.facebook.sdk.ApplicationId"
    3.     android:value="@string/facebook_app_id"/>
    4. <activity android:name=".MainActivity">
    5.     <intent-filter>
    6.         <action android:name="android.intent.action.MAIN" />
    7.         <category android:name="android.intent.category.LAUNCHER" />
    8.     </intent-filter>
    9. </activity>
    10. <activity
    11.     android:name="com.facebook.CustomTabActivity"
    12.     android:exported="true">
    13. <intent-filter>
    14.     <action android:name="android.intent.action.VIEW" />
    15.     <category android:name="android.intent.category.DEFAULT" />
    16.     <category android:name="android.intent.category.BROWSABLE" />
    17.     <data android:scheme="@string/fb_login_protocol_scheme" />
    18. </intent-filter>
    19. </activity>

     

    Step 4) Now you need to associate your package name and default activity class name so that the facebook authenticate your app to use facebook login etc, for this please go to the link

    https://developers.facebook.com/docs/facebook-login/android

     

    Step 5) Now to ensure the authenticity for interaction between facebook and our app we need to provide development and release key Hash for our app to facebook, so to generate the key Hash on mac run below command on android studio terminal

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

    and for windows run the command given below

    1. keytool -exportcert -alias androiddebugkey -keystore %HOMEPATH%\.android\debug.keystore | openssl sha1 -binary | openssl base64

    now add the generated key Hash to facebook portal, for this use the same link that is mentioned above in 4th step.

     

    Step 6) After all above work done the facebook will generate a facebook id and fb login protocol scheme, add both of these in your string.xml file as shown here

    1. <string name="facebook_app_id">1927074434217758</string>
    2.     <string name="fb_login_protocol_scheme">fb1927074434217758</string>

     

    Step 7) Now add the facebook login button in your app using the below code in your activity layout file

    1. <com.facebook.login.widget.LoginButton
    2.     android:layout_margin="30dp"
    3.     android:id="@+id/login_button"
    4.     android:layout_width="wrap_content"
    5.     android:layout_height="wrap_content"
    6.     android:layout_gravity="center_horizontal"
    7.     />

     

    Step 8) Now for the functioning of this facebook button add the following code in your activity java file where we can customize the login button properties

    1. private LoginButton loginButton;
    2. private CallbackManager callbackManager;
    3. @Override
    4. protected void onCreate(Bundle savedInstanceState) {
    5.     super.onCreate(savedInstanceState);
    6.     setContentView(R.layout.activity_main);
    7.   
    8.     loginButton = (LoginButton)findViewById(R.id.login_button);
    9.     loginButton.setReadPermissions("email");
    10.     // If using in a fragment
    11.     // Other app specific specialization
    12.     callbackManager = CallbackManager.Factory.create();
    13.     // Callback registration
    14.     loginButton.registerCallback(callbackManager, new FacebookCallback<LoginResult>() {
    15.         @Override
    16.         public void onSuccess(LoginResult loginResult) {
    17.             // App code
    18.             Toast.makeText(MainActivity.this, "Logged in Successfully", Toast.LENGTH_SHORT).show();
    19.             Log.e("Logged in","Logged in successfully");
    20.         }
    21.         @Override
    22.         public void onCancel() {
    23.             // App code
    24.         }
    25.         @Override
    26.         public void onError(FacebookException exception) {
    27.             Log.e("Logged in","Error");
    28.             // App code
    29.         }
    30.     });
    31. }
    32. @Override
    33. protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    34.     super.onActivityResult(requestCode, resultCode, data);
    35.     callbackManager.onActivityResult(requestCode, resultCode, data);
    36. }
    FaceBook Integration in Android Application - 8 Steps Process
    Android facebook Android Facebook Integration
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: