Login with facebook app android

Quick Tip: Add Facebook Login to Your Android App

Facebook Login provides a convenient and secure way for people to log in to an app without having to go through a sign-up process first. Using the latest version of Facebook’s SDK for Android, it takes only a few minutes to add this feature to your app.

In this quick tip, you will learn how to add a Facebook login button to an Android app and handle the events to log a user in using Facebook Login.

Premium Option

If you want a quick solution for setting up user authentication in your Android apps, try Android Authentication System on Envato Market. It’s a source code project that lets developers create signups and logins and authorize users for their app.

Android Authentication System on Envato Market

You can also find Android developers on Envato Studio to help you with your projects.

Prerequisites

Before you begin, make sure you have access to the following:

1. Register Your App

All apps that use the Facebook SDK must be registered with Facebook. Log in to the Facebook Developers website and click Create a New App in the top right.

You are presented with a form that asks for the app’s Display Name, Namespace, and Category. Enter the required fields and click Create App ID.

In the next screen, you are able to see your Application ID. Make a note of it, because you will be needing it later in this tutorial.

Open Settings from the left and click the Add Platform button. From the pop-up, select Android.

In the next form, enter the package name of your app and the name of your Activity . If you haven’t created your app or Activity yet, make sure you remember the values you entered.

To fill in the Key Hashes field, open a terminal window and run the keytool command to generate a key hash using the debug keystore located at

/.android/debug.keystore. This is what the command should look like.

The default password for the debug keystore is android. Enter that password when prompted. The output of the command should be a string of 28 characters. Copy it, go back to your browser, and paste the string into the Key Hashes field as shown below.

Make sure Single Sign On is set to Yes and click the Save Changes button. Your app is now registered.

2. Add Facebook SDK to Your Project

The Facebook SDK is available on Maven Central. To use this repository, edit the build.gradle file in your project’s app directory and add the following code to it before the list of dependencies:

You can now add the Facebook SDK to your project as a compile dependency. Add the following code to the list of dependencies:

3. Create an Activity

Step 1: Define the Layout

Create a new layout named main_activity.xml in res/layout. This is going to be a very simple layout with only two widgets:

• a LoginButton to allow the user to log in to Facebook
• a TextView to display the result of the latest login attempt

You can place them inside a RelativeLayout . After including attributes for padding and positioning the widgets, the layout’s XML will look something like this:

Step 2: Create the Class

Create a new Java class that extends Activity and name it MainActivity.java. Remember that the name of this class and the package that it belongs to should match the values you entered while registering your app with Facebook.

Declare the widgets you defined in the activity’s layout as fields of this class.

Declare a CallbackManager as another field. The CallbackManager , as its name suggests, is used to manage the callbacks used in the app.

The SDK needs to be initialized before using any of its methods. You can do so by calling sdkInitialize and passing the application’s context to it. Add the following code to the onCreate method of your Activity :

Next, initialize your instance of CallbackManager using the CallbackManager.Factory.create method.

Call setContentView to set the layout defined in the previous step as the layout of this Activity and then use findViewById to initialize the widgets.

It’s time to create a callback to handle the results of the login attempts and register it with the CallbackManager . Custom callbacks should implement FacebookCallback . The interface has methods to handle each possible outcome of a login attempt:

• If the login attempt is successful, onSuccess is called.
• If the user cancels the login attempt, onCancel is called.
• If an error occurs, onError is called.

To register the custom callback, use the registerCallback method. The code to create and register the callback should look like this:

You can now add code to these methods to display appropriate messages using the setText method of the TextView .

When the onSuccess method is called, a LoginResult is passed as a parameter. Retrieve the access token it contains using getAccessToken and use its getUserId method to get the user’s ID. To get the token in the form of a String , use getToken . Display these values in the TextView by adding the following code to the onSuccess method:

If the user cancel’s the login attempt, we display a message saying «Login attempt canceled». Add the following code to the onCancel method:

Similarly, add the following code to the onError method:

Tapping the login button starts off a new Activity , which returns a result. To receive and handle the result, override the onActivityResult method of your Activity and pass its parameters to the onActivityResult method of CallbackManager .

4. Add the Facebook Application ID

The application ID you received when you registered your app should be added as a string in your project’s res/values/strings.xml. For this tutorial, call the string facebook_app_id.

5. Edit the Manifest

Define your Activity in the AndroidManifest.xml. If it is the first Activity of your app, you should also add an intent-filter that responds to the action android.intent.action.MAIN .

Add the application ID as meta-data .

Define FacebookActivity as another Activity that belongs to your app. It handles most of the configuration changes itself. You need to mention that using the configChanges attribute.

Finally, you have to request android.permission.INTERNET to be able to connect to Facebook’s servers.

6. Build and Run

Your app is now complete. When you build it and deploy it on your Android device, you will see the Facebook login button.

Tapping the login button takes you to a Facebook page that asks you to log in and authorize the app.

After successfully logging in, the TextView will display the user ID and auth token.

Conclusion

In this quick tip, you learned how to use the Facebook SDK to add Facebook Login to your Android app. You also learned how to handle the possible outcomes of a login attempt. To learn more about Facebook Login, you can go through the reference for the Facebook SDK for Android.

Источник

Android Facebook Login

Android Tutorial

Today we will learn how to integrate Facebook login in android applications. You must have seen Facebook login as an easier way to create account in many applications.

Android Facebook Login

Many applications use Login With Facebook to register users in their applications. For the login with Facebook to work, we must have a unique ID for our android application which communicates with the Facebook server.

Let’s start with my creating a new empty Android Studio project.

Now before we write any piece of code, we need to register our application as demonstrated below.

Registering Your Facebook Application

Now create a new app. And set the app name and the email id as shown in the below pic.

Note: Facebook doesn’t allow us to set app names which contain the keyword fb/facebook etc. Hence we’d set the app name to TestTutorial. We’ll need to set up the same name in the strings.xml app_id string of our Android Studio Project.

You shall see the dashboard in the next screen. Choose Facebook Login Setup and select the platform as Android as shown in the below images.

From the next screen, instead of downloading the Facebook SDK, import the SDK using the gradle dependency.
For that, add the following dependencies in your app ‘s build.gradle .

Use the latest version of the SDK dependency.

To check that the sdk is successful added in our project add the following import statements in your MainActivity.java class file as shown below. If there’s no error, the build was successful.

Add your Facebook App ID
The App ID present in the Facebook developers application dashboard needs to be added in the strings.xml in our Android Studio Project.

Enter your package name and default activity name with the fully qualified path as shown below. After saving click on Use this package name to confirm.

S

The next window asks for the setting up the key hashes. That can be done by running the following commands on mac terminal/windows cmd:

Copy and paste the hash key in the Key hashes field below.
You will need to provide a key hash for every device you run this application on till it is in development mode.

Enable Single Sign-on on the next segment.

Back to Android Studio, add the following line in strings.xml file:

The number followed by fb is our APP ID above.

Enable internet permissions in the AndroidManifest.xml file by adding the following line in the manifest element.

Now add the following code inside the application tag in the Manifest.

Let’s get onto the business end now that the registration and setup is done.
In the following app we’ll add a login with Facebook button which on click would retrieve and display the user’s name, email and profile picture.
We’ll be seeing how the Facebook SDK does all of this.

Android Facebook Login Project Structure

Android Facebook Integration Code

The code for the activity_main.xml layout file is given below.

We’ve changed our layout to a LinearLayout, to stack the views vertically.

The code for the MainActivity.java class is given below.

In the above code:

• Facebook SDK auto initializes in the class. So no need to explicitly initialize it.
• We’ve set the readPermissions to email and public_profile. Typically, Facebook provides three permissions by default: email , public_profile , user_friends . Where user_friends would display the friends using this app.
• We instantiate a CallBackManager to invoke the register callback on LoginButton click.
• If the result of button click is a success, LoginResult class is returned. Through it we can access the access token, granted and revoked permissions.
• onActivityResult gets the response of the Login and passes it to registerCallback method.
• The AccessToken is autosaved in the application data (SharedPreferences) implicitly.
  So, everytime the activity is created, we call AccessToken.getCurrentAccessToken() . If it is null, the user has to sign in again.
• Similarly, if the Profile class returns the current user through which we can retrieve the profile name, picture.
• The Facebook Graph API is used to retrieve user info. It works by passing a Bundle of parameters as keys to the GraphRequest. The GraphRequest, on execution, should return the relevant info values based on the keys specified if they meet the permissions. The result is returned in the form of a JSON.
• We’ve used Picasso to display the image url in the ImageView.
  For that we need to add the following dependency:

Listening for Changes on LoginButton click
AccessToken Tracker makes it possible to listen for changes on button click.
accessToken2 is the latest access token. accessToken is the older one.

Android Facebook Login App Output

The output of the above application in action is given below.

Note: If you get an error like this:

Add the hash mentioned in your respective screen in the App’s Dashboard on Facebook Developers Page.
You need to add the hash values for all such devices using the login with Facebook in development mode.

Adding More Permissions for Facebook Integration

To add and use more permissions in your application, head on to the app review section on the dashboard in the Facebook developer page. Every new permission must be approved by Facebook first.

Источник