Вход через Facebook

Вход через Facebook позволяет авторизоваться аккаунтом этой соцсети.

инфо
Что нужно заранее

Как подключить

Десять шагов:

  1. Создать приложение в Facebook
  2. Настроить его платформы
  3. Запросить доступ к почте
  4. Включить провайдера в Firebase
  5. Включить провайдера во FlutterFlow
  6. Добавить кнопку входа
  7. Добавить действие входа
  8. Добавить выход
  9. Подготовиться к проверке
  10. Проверить создание пользователя

1. Создать приложение в Facebook

Приложение в Facebook Developer Console даёт App ID и App secret — по ним Facebook опознаёт ваше приложение. Там же задаются запрашиваемые права и ограничивается список источников, откуда разрешён вход.

2. Настроить платформы

Каждую платформу, где будет работать вход, нужно добавить и настроить отдельно.

Android

iOS

3. Запросить доступ к почте

Адрес почты, полученный от Facebook, избавляет пользователя от лишнего шага при регистрации. Чтобы приложение его получало, добавьте разрешение email в консоли разработчика.

4. Включить провайдера в Firebase

5. Включить провайдера во FlutterFlow

6. Добавить кнопку входа

Нужна страница входа с кнопкой — своя или из шаблонов виджетов и страниц.

7. Добавить действие входа

По нажатию кнопки срабатывает действие Log In: пользователь подтверждает вход учётной записью Facebook.

инфо

Включите Create User Document и в Collection выберите users — после входа в коллекцию попадёт адрес почты пользователя. Если запись уже есть, повторно она не создаётся.

8. Добавить выход

Выход из аккаунта — действие Logout.

9. Подготовиться к проверке

В Run и Test Mode вход через Facebook не работает — проверять нужно на устройстве или эмуляторе через Local Run. См. документацию по Local Run и подключение физического устройства.

10. Проверить создание пользователя

Записи новых пользователей появятся в Firebase project > Authentication > Users.

перевод официальной документации FlutterFlow

обновлено

ESC