You can see a screen like above, and you just need to click on Login.<\/p>\n Step 2:<\/strong> After clicking the login button, you need to log in with your Facebook account. Now, you will be redirected to a page to create your developer account. Fill in all the asked details asked and then click on create.<\/p>\n Step 3:<\/strong> After you have created your developer account, you will be redirected to the all apps console as shown below.<\/p>\n Step 4:<\/strong> Now click on the create app option and select the Consumer option.<\/p>\n Now, provide a name to your application and your contact email, and then click on \u201cCreate App.\u201d Remember, you can\u2019t provide an application name associated with Facebook. In other words, you can\u2019t use the words like Facebook, FB, Book, Insta, Gram, Rift, etc., while providing an application name.<\/p>\n Step 5:<\/strong> After creating your app, you will get the console as follows having the app ID and the functionalities provided by Facebook.<\/p>\n Step 6:<\/strong> Now, in our case, we will try to show you how you can add the Facebook Login feature to your app. So, for that, just click on the Set Up button of the Facebook Login section in the app console.<\/p>\n Step 7:<\/strong>Now, it will show you a screen to select the type of app you wish to add this feature. Here select Android and proceed.<\/p>\n Step 8:<\/strong> Now it will prompt you to download the Facebook SDK for Android. Simply download the Facebook SDK and click on next.<\/p>\n Step 9:<\/strong> Now, to add the Facebook SDK to your android app, you need to follow the below steps:<\/p>\n A. Start your Android Studio and click on Create a New Project.<\/p>\n B. Select Empty Activity, provide an application name and select the API level as 22.<\/p>\n C. Now, go to Gradle Scripts and select build.gradle(project) and add the following repository in your buildscript { repositories { } }.<\/p>\n Code:<\/strong><\/p>\n D. Go to your build.gradle(app) file and paste the below dependency there.<\/p>\n Code:<\/strong><\/p>\n E. Now, rebuild your project and then open your MainActivity.kt file.<\/p>\n F. In your MainActivity,macOS adds the below import statements.<\/p>\n Code:<\/strong><\/p>\n Step 10:<\/strong> Now, it asks you to fill in the package name and the default activity class name.<\/p>\n Package Name:<\/strong> com.example.techvidvanintegrate Step 11:<\/strong> After entering your package name and default class name, a popup will appear, warning you that your app couldn\u2019t be found on Google play, but you can avoid this warning and click on Use this as the package name.<\/p>\n Step 12:<\/strong> To ensure proper and authentic interaction between your application and Facebook, you should create development keys for your applications. To do so,macOS, you can follow the below steps:<\/p>\n Now, you will get a 28-digit key which you can enter, as shown below.<\/p>\n Step 13:<\/strong> Now, you would see an option to enable sign-on on your device. Just allow that option and proceed.<\/p>\n Step 14:<\/strong> Now, you need to edit your resource and manifest file in your android application. The codes to be added will be available at your Facebook for developer console, and you just need to add them at their specific places.<\/p>\n In the above image, you can see the code which you need to add to your project. To make your work easier, I have kept the same below in a more straightforward manner:<\/p>\n A. First, go to app —> res —-> values —–> strings.xml<\/strong> and add the below code there.<\/p>\n Code:<\/strong><\/p>\n B. Now, you need to open your AndroidManifest.xml<\/strong> file and add the below internet permission there.<\/p>\n Code:<\/strong><\/p>\n Now add the below code, which consists of the meta-data, activity, and intent filter for Facebook login in your application.<\/p>\n Code:<\/strong><\/p>\n Finally, your AndroidManifest.xml file will appear as follows:<\/p>\n Code: AndroidManifest.xml<\/strong><\/p>\n C. Now open your activity_main.xml file and add the below code.<\/p>\n Code: activity_main.xml<\/strong><\/p>\n D. Now you need to browse your MainActivity.kt file and add the below code.<\/p>\n Code: MainActivity.kt<\/strong><\/p>\n E. Now, create a new activity called \u201cWelcomeScreen,\u201d where you will redirect to the user if he successfully logs in to your application. Add the below code in your activity_welcome_screen.xml file.<\/p>\n Code: activity_welcome_screen.xml<\/strong><\/p>\n F. That\u2019s it. Your whole coding part is completed, and your application is ready to be tested.<\/p>\n Now go ahead and run your Facebook Integration application on your android device or emulator.<\/p>\n You can notice a button to continue with Facebook. Using this button, you can log in to the app by using your Facebook credentials.<\/p>\n After you click on this button, it will take you to a page where you need to enter your Facebook credentials.<\/p>\n So through this article, you came across how you can add the Facebook sign-in feature to your android application. You can find this quite important because nowadays, people prefer signing in from either google or Facebook. So adding these options advances a high rate of users on your applications.<\/p>\n From this article, I have tried to make every step clear for you, which would help you integrate Facebook into your app. Now it\u2019s time for you to self explore it and then leave your valuable comments below.<\/p>\n","protected":false},"excerpt":{"rendered":" In this article, we will show you how you can allow Facebook integration in your apps. Imagine allowing users to access your application effortlessly by logging in through their Facebook account. With the widespread...<\/p>\n","protected":false},"author":1,"featured_media":84703,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2791],"tags":[4233],"class_list":["post-84487","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-android","tag-android-facebook-integration"],"yoast_head":"\n![\"Facebook](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_1.png\")
<\/a><\/p>\n![\"Facebook](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_2.png\")
<\/a><\/p>\n![\"Facebook](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_3.png\")
<\/a><\/p>\n![\"Facebook](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_4.png\")
<\/a><\/p>\n![\"Facebook](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_5.png\")
<\/a><\/p>\n![\"Facebook](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_6.png\")
<\/a><\/p>\n![\"Facebook](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_7.png\")
<\/a><\/p>\n![\"Facebook](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_8.png\")
<\/a><\/p>\n![\"Android](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_9.png\")
<\/a><\/p>\nmavenCentral() \r\n<\/pre>\n
implementation 'com.facebook.android:facebook-android-sdk:[5,6)'\r\n<\/pre>\n
import com.facebook.FacebookSdk;\r\nimport com.facebook.appevents.AppEventsLogger;\r\n<\/pre>\n
\nDefault Class Name:<\/strong> com.example.techvidvanintegrate.MainActivity<\/p>\n![\"Facebook](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_10.png\")
<\/a><\/p>\n![\"Facebook](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_11.png\")
<\/a><\/p>\nWindows<\/h4>\n
keytool -exportcert -alias androiddebugkey -keystore \"C:\\Users\\USERNAME\\.android\\debug.keystore\" | \"PATH_TO_OPENSSL_LIBRARY\\bin\\openssl\" sha1 -binary | \"PATH_TO_OPENSSL_LIBRARY\\bin\\openssl\" base64\r\n<\/pre>\n
macOS<\/h4>\n
keytool -exportcert -alias androiddebugkey -keystore ~\/.android\/debug.keystore | openssl sha1 -binary | openssl base64\r\n<\/pre>\n
Linux\/Ubuntu<\/h4>\n
keytool -exportcert -alias androiddebugkey -keystore ~\/.android\/debug.keystore | openssl sha1 -binary | openssl base64\r\n<\/pre>\n
![\"Facebook](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_12.png\")
<\/a><\/p>\n![\"Android](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_13.png\")
<\/a><\/p>\n![\"Android](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/Guide_for_Facebook_14.png\")
<\/a><\/p>\n<string name=\"facebook_app_id\">506549317105816<\/string>\r\n<string name=\"fb_login_protocol_scheme\">fb506549317105816<\/string>\r\n<\/pre>\n
<uses-permission android:name=\"android.permission.INTERNET\"\/>\r\n<\/pre>\n
<meta-data android:name=\"com.facebook.sdk.ApplicationId\" \r\n android:value=\"@string\/facebook_app_id\"\/>\r\n \r\n <activity android:name=\"com.facebook.FacebookActivity\"\r\n android:configChanges=\r\n \"keyboard|keyboardHidden|screenLayout|screenSize|orientation\"\r\n android:label=\"@string\/app_name\" \/>\r\n <activity\r\n android:name=\"com.facebook.CustomTabActivity\"\r\n android:exported=\"true\">\r\n <intent-filter>\r\n <action android:name=\"android.intent.action.VIEW\" \/>\r\n <category android:name=\"android.intent.category.DEFAULT\" \/>\r\n <category android:name=\"android.intent.category.BROWSABLE\" \/>\r\n <data android:scheme=\"@string\/fb_login_protocol_scheme\" \/>\r\n <\/intent-filter>\r\n <\/activity>\r\n<\/pre>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<manifest xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n package=\"com.example.techvidvanintegrate\">\r\n\r\n <uses-permission android:name=\"android.permission.INTERNET\"\/>\r\n\r\n <application\r\n android:allowBackup=\"true\"\r\n android:icon=\"@mipmap\/ic_launcher\"\r\n android:label=\"@string\/app_name\"\r\n android:roundIcon=\"@mipmap\/ic_launcher_round\"\r\n android:supportsRtl=\"true\"\r\n android:theme=\"@style\/Theme.TechVidvanIntegrate\">\r\n\r\n <meta-data android:name=\"com.facebook.sdk.ApplicationId\"\r\n android:value=\"@string\/facebook_app_id\"\/>\r\n\r\n <activity\r\n android:name=\".MainActivity\"\r\n android:exported=\"true\">\r\n <intent-filter>\r\n <action android:name=\"android.intent.action.MAIN\" \/>\r\n\r\n <category android:name=\"android.intent.category.LAUNCHER\" \/>\r\n <\/intent-filter>\r\n <\/activity>\r\n\r\n <activity android:name=\"com.facebook.FacebookActivity\"\r\n android:configChanges=\r\n \"keyboard|keyboardHidden|screenLayout|screenSize|orientation\"\r\n android:label=\"@string\/app_name\" \/>\r\n <activity\r\n android:name=\"com.facebook.CustomTabActivity\"\r\n android:exported=\"true\">\r\n <intent-filter>\r\n <action android:name=\"android.intent.action.VIEW\" \/>\r\n <category android:name=\"android.intent.category.DEFAULT\" \/>\r\n <category android:name=\"android.intent.category.BROWSABLE\" \/>\r\n <data android:scheme=\"@string\/fb_login_protocol_scheme\" \/>\r\n <\/intent-filter>\r\n <\/activity>\r\n\r\n <\/application>\r\n\r\n<\/manifest>\r\n<\/pre>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<androidx.constraintlayout.widget.ConstraintLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\r\n xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\r\n tools:context=\".MainActivity\">\r\n\r\n <TextView\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"wrap_content\"\r\n app:layout_constraintBottom_toBottomOf=\"parent\"\r\n app:layout_constraintLeft_toLeftOf=\"parent\"\r\n app:layout_constraintRight_toRightOf=\"parent\"\r\n app:layout_constraintTop_toTopOf=\"parent\"\r\n app:layout_constraintVertical_bias=\".1\"\r\n android:gravity=\"center\"\r\n android:textColor=\"#3F51B5\"\r\n android:textStyle=\"bold\"\r\n android:text=\"TechVidvan Facebook Integration\"\r\n android:textSize=\"30sp\"\/>\r\n \r\n <com.facebook.login.widget.LoginButton\r\n android:id=\"@+id\/login_button\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_gravity=\"center_horizontal\"\r\n android:layout_marginTop=\"30dp\"\r\n android:layout_marginBottom=\"30dp\"\r\n app:layout_constraintBottom_toBottomOf=\"parent\"\r\n app:layout_constraintLeft_toLeftOf=\"parent\"\r\n app:layout_constraintRight_toRightOf=\"parent\"\r\n app:layout_constraintTop_toTopOf=\"parent\"\/>\r\n\r\n<\/androidx.constraintlayout.widget.ConstraintLayout>\r\n<\/pre>\n
package com.example.techvidvanintegrate\r\n\r\nimport android.content.Intent\r\nimport android.os.Bundle\r\nimport android.util.Log\r\nimport androidx.appcompat.app.AppCompatActivity\r\nimport com.facebook.CallbackManager\r\nimport com.facebook.FacebookCallback\r\nimport com.facebook.FacebookException\r\nimport com.facebook.login.LoginResult\r\nimport com.facebook.login.widget.LoginButton\r\n\r\n@Suppress(\"DEPRECATION\")\r\nclass MainActivity : AppCompatActivity() {\r\n \/\/declaring variables\r\n lateinit var callbackManager: CallbackManager\r\n lateinit var fbLoginButton: LoginButton\r\n private val email = \"email\";\r\n\r\n override fun onCreate(savedInstanceState: Bundle?) {\r\n super.onCreate(savedInstanceState)\r\n setContentView(R.layout.activity_main)\r\n\r\n \/\/binding the facebook login button with our variable\r\n fbLoginButton = findViewById(R.id.login_button)\r\n\r\n \/\/setting up on click listener on our fb login button\r\n fbLoginButton.setOnClickListener {\r\n fbLoginButton.setReadPermissions(listOf(email))\r\n callbackManager = CallbackManager.Factory.create()\r\n\r\n \/\/registering callback method over the fb login button\r\n fbLoginButton.registerCallback(\r\n callbackManager,\r\n object : FacebookCallback<LoginResult?> {\r\n\r\n \/\/on successful login the below method will trigger\r\n override fun onSuccess(loginResult: LoginResult?) {\r\n \/\/displaying the facebook token generated for the user\r\n Log.d(\"TechVidvan\", \"Login Token: \" + loginResult!!.accessToken.token)\r\n\r\n \/\/redirecting him to new activity as he is successfully logged in\r\n startActivity(Intent(applicationContext, WelcomeScreen::class.java))\r\n }\r\n\r\n override fun onCancel() {\r\n \/\/ Define what to do if user rejects to log in using facebook\r\n }\r\n\r\n override fun onError(exception: FacebookException) {\r\n \/\/ Define what to do if there is some error while logging in\r\n }\r\n })\r\n\r\n }\r\n }\r\n}\r\n<\/pre>\n<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<androidx.constraintlayout.widget.ConstraintLayout\r\n xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\r\n xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\r\n tools:context=\".WelcomeScreen\">\r\n\r\n <TextView\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"wrap_content\"\r\n app:layout_constraintBottom_toBottomOf=\"parent\"\r\n app:layout_constraintLeft_toLeftOf=\"parent\"\r\n app:layout_constraintRight_toRightOf=\"parent\"\r\n app:layout_constraintTop_toTopOf=\"parent\"\r\n android:gravity=\"center\"\r\n android:textColor=\"#3F51B5\"\r\n android:textStyle=\"bold\"\r\n android:text=\"Thanks for signing in!!\"\r\n android:textSize=\"30sp\"\/>\r\n\r\n<\/androidx.constraintlayout.widget.ConstraintLayout>\r\n<\/pre>\n
![\"Facebbok](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/App_Output_1-4.jpg\")
<\/a><\/p>\n![\"\"](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/App_Output_2-4.jpg\")
<\/a> ![\"\"](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/08\/App_Output_3-3.jpg\")
<\/a><\/p>\nSummary<\/h3>\n