Вход через Facebook
Вход через Facebook позволяет пользователям аутентифицироваться с помощью своих аккаунтов Facebook.
Перед началом работы с этим разделом:
- Завершите Настройку Firebase
- Завершите Начальную настройку
Добавление входа через Facebook
Добавление входа через Facebook включает следующие шаги:
- Создание приложения в Facebook
- Настройка приложения в Facebook
- Добавление разрешения на доступ к email
- Включение аутентификации через Facebook в Firebase
- Включение аутентификации через Facebook в FlutterFlow
- Добавление кнопки входа через Facebook
- Добавление действия входа
- Добавление действия выхода
- Подготовка к тестированию приложения
- Проверка создания пользователя
1. Создание приложения в Facebook
При создании приложения в консоли разработчика Facebook вы получаете уникальный App ID и App secret, что обеспечивает безопасное взаимодействие между вашим приложением и серверами Facebook. Кроме того, это позволяет определить необходимые разрешения, доступ к данным пользователя и ограничить источники входа для повышения безопасности.
Вот как создать приложение в Facebook:
2. Настройка приложения в Facebook
Теперь необходимо добавить и настроить платформы, которые будут поддерживать аутентификацию через Facebook, — например, Android и iOS.
Для этого выполните шаги ниже:
- Configure Android App
- Configure iOS App
3. Добавление разрешения на доступ к email
При входе пользователей с помощью сторонних провайдеров (таких как Google или Facebook) получение их адресов электронной почты упрощает процесс регистрации. Для входа через Facebook, чтобы получить доступ к email пользователя, необходимо добавить разрешение на email в консоли разработчика Firebase.
Вот как это сделать:
4. Включение аутентификации через Facebook в Firebase
Вот как включить аутентификацию через Facebook в Firebase:
5. Включение аутентификации через Facebook в FlutterFlow
Чтобы включить аутентификацию через Facebook в FlutterFlow, выполните шаги ниже:
6. Добавление кнопки входа через Facebook
Чтобы пользователи могли аутентифицироваться, вам нужна страница входа с кнопкой. Вы можете создать её самостоятельно или использовать из шаблона виджета или шаблона страницы.
7. Добавление действия входа
При нажатии на кнопку входа сработает действие 'Log In', которое предложит пользователям ввести учётные данные Facebook.
Включите опцию Create User Document и установите Collection в users. После успешного входа это добавит адрес электронной почты пользователя в коллекцию 'users'. Если пользователь уже существует, данные не будут добавлены повторно.
8. Добавление действия выхода
Чтобы пользователи могли выйти из приложения, используйте действие Logout.
9. Подготовка к тестированию приложения
Функциональность входа через Facebook не работает в режимах Run или Test. Вы можете протестировать приложение на реальном устройстве или эмуляторе с помощью Local Run в FlutterFlow. Следуйте документации по Local Run и ознакомьтесь с настройкой физического устройства, чтобы начать тестирование.
10. Проверка создания пользователя
Чтобы подтвердить успешную интеграцию и создание пользователей, перейдите в Firebase project > Authentication > Users и проверьте записи пользователей.