Android - Facebook Integration Tutorial

2021-12-07 13:59 Android开发

Android allows your application to connect to facebook and share data or any kind of updates on facebook. This chapter is about integrating facebook into your application. There are two ways through which you can integrate facebook and share something from your application. These ways are listed below − <ul class="list" > <li >Facebook SDK</li> <li >Intent Share</li> </ul> <h2 >Integrating Facebook SDK</h2> This is the first way of connecting with facebook. You have to register your application and then receive some Application Id , and then you have to download the facebook SDK and add it to your project. The steps are listed below: <h3 >Generating application signature</h3> You have to generate a key signature, but before you generate it, make sure you have SSL installed, otherwise you have to download SSl. It can be downloaded<a href="https://code.google.com/p/openssl-for-windows/downloads/detail?name=openssl-0.9.8k_WIN32.zip&can=2&q=" >here</a>. Now open command prompt and redirect to your java jre folder. Once you reach there, type this command exactly. You have to replace the path in the inverted commas with your keystore path which you can found in eclipse by selecting the window tab and selecting the preferences tab and then selecting the build option under android from left side. <pre class="result notranslate " > keytool -exportcert -alias androiddebugkey -keystore "your path" | openssl sha1 -binary | openssl base64 </pre> Once you enter it, you will be prompt for password. Give android as the password and then copy the key that is given to you. It is shown in the image below − <img alt="Android Facebook Tutorial" src="http://www.tutorialspoint.com/android/images/facebook_2.jpg" /> <h3 >Registering your application</h3> Now create a new facebook application at<a href="http://developers.facebook.com/apps" >developers.facebook.com/apps</a>and fill all the information. It is shown below − <img alt="Android Facebook Tutorial" src="http://www.tutorialspoint.com/android/images/facebook_3.jpg" /> Now move to the native android app section and fill in your project and class name and paste the hash that you copied in step 1. It is shown below − <img alt="Android Facebook Tutorial" src="http://www.tutorialspoint.com/android/images/facebook_4.jpg" /> If everything works fine, you will receive an application ID with the secret. Just copy the application id and save it somewhere. It is shown in the image below − <img alt="Android Facebook Tutorial" src="http://www.tutorialspoint.com/android/images/facebook_5.jpg" /> <h3 >Downloading SDK and integrating it</h3> Download facebook sdk<a href="https://github.com/facebook/facebook-android-sdk" >here</a>. Import this into eclipse. Once imported, right click on your facebook project and click on properties.Click on android, click on add button and select facebook sdk as the project.Click ok. <h3 >Creating facebook login application</h3> Once everything is complete , you can run the samples, that comes with SDK or create your own application. In order to login, you need to callopenActiveSessionmethod and implements its callback. Its syntax is given below − <pre class="prettyprint notranslate prettyprinted" > // start Facebook Login Session.openActiveSession(this, true, new Session.StatusCallback() { // callback when session changes state public void call(Session session, SessionState state, Exception exception) { if (session.isOpened()) { // make request to;2 the /me API Request.executeMeRequestAsync(session, new Request. GraphUserCallback() { // callback after Graph API response with user object @Override public void onCompleted(GraphUser user, Response response) { if (user != null) { TextView welcome = (TextView) findViewById(R.id.welcome); welcome.setText("Hello " + user.getName() + "!"); } } }); } } }</pre> <h2 >Intent share</h2> Intent share is used to share data between applications. In this strategy, we will not handle the SDK stuff, but let the facebook application handles it. We will simply call the facebook application and pass the data to share. This way, we can share something on facebook. Android provides intent library to share data between activities and applications. In order to use it as share intent , we have to specify the type of the share intent toACTION_SEND. Its syntax is given below − <pre class="prettyprint notranslate prettyprinted" > Intent shareIntent = new Intent(); shareIntent.setAction(Intent.ACTION_SEND);</pre> Next thing you need to is to define the type of data to pass , and then pass the data. Its syntax is given below − <pre class="prettyprint notranslate prettyprinted" > shareIntent.setType("text/plain"); shareIntent.putExtra(Intent.EXTRA_TEXT, "Hello, from tutorialspoint"); startActivity(Intent.createChooser(shareIntent, "Share your thoughts"));</pre> Apart from the these methods, there are other methods available that allows intent handling. They are listed below − <table class="table table-bordered" > <tbody > <tr > <th >Sr.No</th> <th >Method & description</th> </tr> <tr > <td >1</td> <td >addCategory(String category) This method add a new category to the intent. </td> </tr> <tr > <td >2</td> <td >createChooser(Intent target, CharSequence title) Convenience function for creating a ACTION_CHOOSER Intent </td> </tr> <tr > <td >3</td> <td >getAction() This method retrieve the general action to be performed, such as ACTION_VIEW </td> </tr> <tr > <td >4</td> <td >getCategories() This method return the set of all categories in the intent and the current scaling event </td> </tr> <tr > <td >5</td> <td >putExtra(String name, int value) This method add extended data to the intent. </td> </tr> <tr > <td >6</td> <td >toString() This method returns a string containing a concise, human-readable description of this object </td> </tr> </tbody> </table> <h2 >Example</h2> Here is an example demonstrating the use of IntentShare to share data on facebook. It creates a basic application that allows you to share some text on facebook. To experiment with this example, you can run this on an actual device or in an emulator. <table class="table table-bordered" > <tbody > <tr > <th >Steps</th> <th >Description</th> </tr> <tr > <td >1</td> <td >You will use Android studio to create an Android application under a package com.example.sairamkrishna.myapplication. While creating this project, make sure you Target SDK and Compile With at the latest version of Android SDK to use higher levels of APIs.</td> </tr> <tr > <td >2</td> <td >Modify src/MainActivity.java file to add necessary code.</td> </tr> <tr > <td >3</td> <td >Modify the res/layout/activity_main to add respective XML components.</td> </tr> <tr > <td >4</td> <td >Run the application and choose a running android device and install the application on it and verify the results.</td> </tr> </tbody> </table> Following is the content of the modified main activity fileMainActivity.java. <pre class="prettyprint notranslate prettyprinted" > package com.example.sairamkrishna.myapplication; import android.app.Notification; import android.app.NotificationManager; import android.app.PendingIntent; import android.content.Context; import android.content.Intent; import android.content.SharedPreferences; import android.graphics.Typeface; import android.net.Uri; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.widget.Button; import android.widget.EditText; import android.widget.ImageView; import android.widget.TextView; import android.widget.Toast; import java.io.FileNotFoundException; import java.io.InputStream; import static java.lang.System.currentTimeMillis; public class MainActivity extends ActionBarActivity { private ImageView img; protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); img=(ImageView)findViewById(R.id.imageView); Button b1=(Button)findViewById(R.id.button); b1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Intent sharingIntent = new Intent(Intent.ACTION_SEND); Uri screenshotUri = Uri.parse("android.resource://comexample.sairamkrishna.myapplication/*"); try { InputStream stream = getContentResolver().openInputStream(screenshotUri); } catch (FileNotFoundException e) { // TODO Auto-generated catch block e.printStackTrace(); } sharingIntent.setType("image/jpeg"); sharingIntent.putExtra(Intent.EXTRA_STREAM, screenshotUri); startActivity(Intent.createChooser(sharingIntent, "Share image using")); } }); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } }</pre> Following is the modified content of the xmlres/layout/activity_main.xml. <pre class="prettyprint notranslate prettyprinted" > <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:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/textView" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:textSize="30dp" android:text="Facebook share " /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Tutorials Point" android:id="@+id/textView2" android:layout_below="@+id/textView" android:layout_centerHorizontal="true" android:textSize="35dp" android:textColor="#ff16ff01" /> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/imageView" android:layout_below="@+id/textView2" android:layout_centerHorizontal="true" android:src="@drawable/logo"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Share" android:id="@+id/button" android:layout_marginTop="61dp" android:layout_below="@+id/imageView" android:layout_centerHorizontal="true" /> </RelativeLayout></pre> Following is the content ofAndroidManifest.xmlfile. <pre class="prettyprint notranslate prettyprinted" > <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.sairamkrishna.myapplication" > <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" > <activity android:name=".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> </application> </manifest></pre> Let's try to run your Application. I assume you have connected your actual Android Mobile device with your computer. To run the app from Android studio, open one of your project's activity files and click Run<img alt="Eclipse Run Icon" class="inline" src="http://www.tutorialspoint.com/android/images/eclipse_run.jpg" />icon from the toolbar. Before starting your application, Android studio will display following window to select an option where you want to run your Android application. <img alt="Android facebook Tutorial" src="http://www.tutorialspoint.com/android/images/choose_device.jpg" /> Select your mobile device as an option and then check your mobile device which will display your default screen − <img alt="Android facebook Tutorial" src="http://www.tutorialspoint.com/android/images/facebook.jpg" /> Now just tap on the button and you will see a list of share providers. <img alt="Android facebook Tutorial" src="http://www.tutorialspoint.com/android/images/facebook1.jpg" /> Now just select facebook from that list and then write any message. It is shown in the image below − <img alt="Android facebook Tutorial" src="http://www.tutorialspoint.com/android/images/facebook2.jpg" /> <div></div>