My First Android Facebook Social App

In this post, I am going to discuss about creating very basic Android application that interacts with Facebook using Facebook SDK.

What is Facebook SDK?

Facebook provides SDK for Android to build Android applications to increase the engagement with it’s World’s number one Social Networking platform. To know more about Facebook SDK, please follow this link.

What are we going to develop?

The application which we are going to develop will allow you to get the name of the Facebook User (Mostly your name) and display it inside our application.

You can download source code from here if you don’t want to create Application from scratch, otherwise please proceed with below listings.

Prerequisites

Facebook SDK must be configured in your Eclipse IDE, please take help from this post – Getting Started with the Facebook SDK for Android to setup Facebook SDK.

Let us start with creating Android application.

Step 1: Create Android Application Project

  • Create new android project [File >> New >> Android Application Project] with project name FBBasicActivity
  • Enter the package name and activity name you have entered in Facebook developer console while creating Facebook Application
  • Choose Minimum Required SDK, Target SDK and Compile with (Choose latest SDKs to make sure Facebook SDK will work without any issues). Confused on choosing these options? Take a look at Minimum Required SDK – Target SDK – Compile With post.
  • Click Next button and finally click ‘Finish’ to create project

Step 2: Add Facebook SDK as dependency project

Right click on the project you created >> Choose Properties >> Choose Android Tab >> Go to lower part of the dialog >> Click on Add button >> Select FacebookSDK Project.

Troubleshooting Tips:

  1. You should configure FacebookSDK in your workspace, that means import FacebookSDK library project into your workspace before your try to add it as dependency project.
  2. FacebookSDK library project and the Anroid application you just created should be under same Workspace.

Step 3: Design screen

Open activity_main.xml and replace it with below code.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.prgguru.example.MainActivity" >

    <TextView
        android:id="@+id/welcome"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</RelativeLayout>

Step 4: MainActivity.java – Main Class

Open MainActivity.java and replace it with below code.

Each line of code is commented well, if you still have any doubt or question discuss it.

package com.prgguru.example;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TextView;

import com.facebook.Request;
import com.facebook.Response;
import com.facebook.Session;
import com.facebook.SessionState;
import com.facebook.model.GraphUser;
import com.prgguru.example.R;

public class MainActivity extends Activity {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		// start Facebook Login
		Session.openActiveSession(this, true, new Session.StatusCallback() {

			// callback when session changes state
			@Override
			public void call(Session session, SessionState state,
					Exception exception) {
				if (session.isOpened()) {

					// make request to the /me API
					Request.newMeRequest(session,
							new Request.GraphUserCallback() {

								// callback after Graph API response with user
								// object
								@Override
								public void onCompleted(GraphUser user,
										Response response) {
									// when user is not null
									if (user != null) {
										// get user's name and set it in TextView
										TextView welcome = (TextView) findViewById(R.id.welcome);
										welcome.setText("Hello "
												+ user.getName() + "!");
									}
								}
							}).executeAsync();
				}
			}
		});
	}

	@Override
	public void onActivityResult(int requestCode, int resultCode, Intent data) {
		super.onActivityResult(requestCode, resultCode, data);
		Session.getActiveSession().onActivityResult(this, requestCode,
				resultCode, data);
	}

}

Step 6: Add the Facebook app ID into your project

Add your Facebook app ID into your project, open up the strings.xml file in the res/values folder of your project and add below value:

<string name="app_id">YOUR_FACEBOOK_APP_ID</string>

Step 7: Add Meta Data to application tag in AndroidManifest

As shown below, add a ‘Meta Data’ item called com.facebook.sdk.ApplicationId, with a value of the app_id string you just configured:

<meta-data
            android:name="com.facebook.sdk.ApplicationId"
            android:value="@string/app_id" />

Step 8: Add permission in AndroidManifest.xml

Add Internet permission in AndroidManifest:

 <uses-permission android:name="android.permission.INTERNET" />

Step 9: Add Facebook Login Activity in AndroidManifest.xml

  <activity
            android:name="com.facebook.LoginActivity"
            android:theme="@style/AppTheme" >
        </activity>

[pglinkadssmall1]

Here is the complete AndroidManifest:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.prgguru.example"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="19" />

    <uses-permission android:name="android.permission.INTERNET" />
, 
    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <meta-data
            android:name="com.facebook.sdk.ApplicationId"
            android:value="@string/app_id" />

        <activity
            android:name="com.prgguru.example.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name="com.facebook.LoginActivity"
            android:theme="@style/AppTheme" >
        </activity>
    </application>

</manifest>

Demo

That’s all. It’s time to test our code.

Run the application using emulator or device by right clicking on the project >> Run as >> Android applicaiton >> Choose emulator or device.



Download Source Code

Entire project is zipped and is available for download. Unzip the downloaded project and to import the project into eclipse, launch eclipse >> File >> Import.. >> Choose downloaded project (How to import android project in eclipse).

Download Source Code

*apk in Android  is the installation file similar to exe in windows.

[pglinkadssmall]

If you feel this article is helpful and interesting please spread a word about it to your friends and colleagues by sharing the article in Facebook or Twitter.

Share

You are always welcome to provide your comments and feedback from comment box.

[pgwriteforus]

[pgfeedback]

Related Articles

Author: Udhay

Share This Post On
468 ad
  • bucek

    Work 🙂 Thank you

  • Welcome. Have a great learning.

Join now to get more access to our Android Tutorials

Join now to get more access to our Android Tutorials

Once you Join, you will receive Mail containing latest Android Tutorials once a month !!

I promise I wont spam you !!

You have Successfully Subscribed!

Pin It on Pinterest

Shares