Facebook login sign in android

Вход через Facebook

Это возможность легко и быстро войти на ваш сайт или в приложение, которую оценят многочисленные пользователи Facebook по всему миру.

Вход через Facebook позволяет одним нажатием кнопки обеспечить безопасность и конфиденциальность всех действий пользователя: от создания аккаунта до общения в социальных сетях. Это уникальный способ упростить работу на любых платформах и устройствах, независимо от операционной системы.

Функция Login Connect для Messenger уже доступна

Обеспечьте более качественную поддержку клиентов и более персонализированное взаимодействие с помощью Login Connect для Messenger.

Универсальный продукт

Каждый день Facebook используют миллиарды людей. Любой из них может войти в миллион с лишним приложений и сайтов, в которых реализована функция входа через Facebook. Вход через Facebook отлично работает на множестве платформ и устройств, включая iPhone, устройства Android, умные телевизоры и т. п.

Полный контроль

При использовании входа через Facebook каждый человек может выбрать, какой информацией о себе он готов поделиться. Кому-то просто нужен доступ к приложению, а кто-то захочет найти друзей. Кроме того, теперь вход через Facebook имеет ограниченный режим. При использовании ограниченного входа в приложениях для iOS факт входа через Facebook не будет использоваться для персонализации объявлений и измерения эффективности рекламы. Подробнее об ограниченном входе.

Просто и удобно

Функцию входа через Facebook легко добавить в приложение, в том числе мобильное, или на сайт. Для этого используется SDK для iOS, Android или JavaScript. Благодаря входу через Facebook люди могут не тратить время на регистрацию и сразу начать пользоваться вашим приложением.

Представляем Login Connect для Messenger

Расширяйте горизонты с помощью функции входа через Facebook, интегрировав Login Connect для Messenger — новую функцию, которая позволяет пользователю согласиться на общение с компанией через платформу Messenger в процессе входа через Facebook.

Источник

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.

Источник

Кнопка «Вход»

Кнопка «Вход» позволяет запустить процесс входа через Facebook на сайте или в веб-приложении.

Если человек еще не входил в ваше приложение, он увидит эту кнопку и, нажав ее, вызовет диалог «Вход», что инициирует процесс входа. Люди, которые уже вошли в приложение, не увидят эту кнопку, но вы можете отобразить для них кнопку выхода.

Если вы отображаете кнопку выхода и люди используют ее, чтобы выйти, они выходят и из вашего приложения, и из Facebook.

Кнопка «Вход» работает только совместно с JavaScript SDK. Если вы создаете мобильное приложение или не можете использовать JavaScript SDK, следуйте рекомендациям по созданию процесса входа для данного типа приложений.

Кнопка Продолжить с Facebook заменяет предыдущие версии кнопки «Вход». Подробнее об этом см. в разделе Миграция.

Конфигуратор плагина

Кнопка «Продолжить как «

Если вход на Facebook был выполнен через тот же браузер, на кнопке Продолжить как отображается текст «Продолжить как «, а также (возможно) фото профиля этого человека на Facebook. Чтобы воспользоваться кнопкой Продолжить как , необходимо загрузить JavaScript SDK. Инструкции по настройке JavaScript SDK приведены в руководстве по быстрому началу работы с JavaScript SDK. Включите кнопку Продолжить как , добавив data-use-continue-as=»true» в настройки кнопки.

Высоту кнопки Продолжить как изменить нельзя.

От 200 до 320 пикселей

От 240 до 400 пикселей

Если вы выберете значение больше максимального, по умолчанию будет использоваться кнопка максимальной ширины.

Рекомендации по использованию кнопки Продолжить как

Кнопка Продолжить как помогает увеличить вовлеченность и количество кликов. Благодаря ей пользователь, выполняющий вход, видит свое фото профиля и имя.

Однако если пользователь не ожидает увидеть свое фото и имя в контексте вашего приложения, это может сбить его с толку. Из этой статьи вы узнаете, подойдет ли кнопка Продолжить как. для вашего приложения.

Даже если кнопка Продолжить как не подходит для вашего приложения, вы можете воспользоваться новыми кнопками «Продолжить с Facebook» из JavaScript SDK.

Рекомендации по использованию

Facebook является глобальной платформой, поэтому ожидания наших пользователей из разных регионов могут значительно различаться. Учтите это, если решите воспользоваться данной кнопкой.

Используйте эту кнопку, если

В вашем приложении есть социальные функции.
Социальные приложения предлагают людям возможности для общения. Для них кнопка Продолжить как может стать отличным решением.

Люди на целевом рынке могут вместе пользоваться одним телефоном.Если несколько человек пользуется одним телефоном, кнопка Продолжить как поможет им выбрать нужный аккаунт.

Не используйте эту кнопку, если

Вы выпустили новое приложение.
Если ваше приложение появилось на рынке недавно, у него еще нет постоянных пользователей. А новые пользователи могут не понять, почему в нем автоматически отображаются их имена и фото.

Люди на целевом рынке уделяют большое значение конфиденциальности.
Во многих странах фото профиля считается глубоко личной информацией. В этом случае кнопку Продолжить как лучше не использовать, потому что на ней отображается фото человека, который вошел в систему.

Рекомендации по использованию кнопки «Вход»

Следуйте общим рекомендациям по использованию функции «Вход через Facebook». При использовании кнопки Продолжить как вы должны соблюдать эти два условия:

Настройки

Вы можете задать следующие настройки помимо указанных выше:

Если эта настройка активирована, после входа пользователя вместо кнопки входа будет отображаться кнопка выхода.

false , true

Функция JavaScript, которая запускается после завершения процесса входа.

Список разрешений, которые запрашиваются при входе.

public_profile (по умолчанию) или список разрешений, разделенных запятой

Выбирает один из вариантов размера кнопки.

small , medium , large

Определяет, какая аудитория будет выбрана по умолчанию при запросе разрешений записи.

everyone , friends , only_me

Миграция

Старые кнопки будут заменены на новые. В таблице ниже указаны соответствия при замене.

Больше не используется

Больше не используется

У новой кнопки Продолжить как есть параметр button_type , который не нужен старым кнопкам. С его помощью можно задать тип кнопки Продолжить с Facebook или Вход через Facebook. Если вы не укажете тип кнопки, мы отобразим ее как новую маленькую кнопку. По сравнению со старыми кнопками эта кнопка имеет средний размер. Кнопка типа x-large немного уменьшится. Если указать задать значение параметра button_type , кнопки будут отображаться в соответствии с этим значением.

Вы можете ускорить загрузку кнопок, если запустите JavaScript SDK как можно быстрее. Но браузер не в состоянии загрузить кнопки, пока не закончилась загрузка кода JavaScript и HTML-кода веб-страницы. Поэтому создается окно iframe, и ресурсы кнопки загружаются в него.

Локализация:

Чтобы загрузить кнопку с текстом на другом языке, необходимо загрузить JavaScript SDK для этого языка. Подробнее о локализации JavaScript SDK см. в разделе, посвященном локализации социальных плагинов и JavaScript SDK.

Как использовать кнопку «Вход» для входа пользователей?

Когда человек нажмет кнопку «Вход» и подтвердит вход в диалоге, в результате чего будет выполнен процесс входа, ваше приложение сможет использовать Facebook SDK для JavaScript, чтобы совершать вызовы API от имени этого человека.

Здесь не требуется каких-либо дополнительных настроек, но вы можете использовать настройку onlogin для кнопки, чтобы запускать собственную функцию JavaScript после выполнения входа.

Источник