Вход через Apple

Sign in with Apple в связке с Supabase — удобный для пользователя способ входа: Apple ID у него уже есть, а настоящий адрес почты можно не раскрывать.

Ниже — полный порядок настройки: что сделать в Apple Developer Console, что в Supabase и что во FlutterFlow.

инфо
Что нужно заранее
  1. Пройдена настройка Supabase.
  2. Пройдена первичная настройка аутентификации.
  3. Создан аккаунт Apple.
  4. Действует аккаунт разработчика Apple — подробности о программе.

Настройка в Apple Developer Console

Здесь два дела: зарегистрировать источники писем и включить Sign In with Apple в App ID.

Источники писем

Sign in with Apple умеет прятать настоящий адрес пользователя. Если он выберет этот вариант, приложение получит случайный адрес-пересылку, а письма уйдут на настоящий ящик Apple ID.

Пользователь скрывает адрес почты

Чтобы такие письма доходили, адреса отправителей нужно зарегистрировать: откройте Services в разделе Certificates, Identifiers & Profiles, настройте Sign in with Apple for Email Communication, добавьте адрес и завершите регистрацию.

Sign In with Apple в App ID

Откройте раздел Identifiers, выберите свой App ID, отметьте Sign In with Apple и нажмите Save.

Настройка в Supabase

Откройте панель Supabase, выберите проект, включите Sign in with Apple в секции Apple, укажите Client ID и Secret Key и нажмите Save.

совет

Секретный ключ генерируется инструментом из раздела конфигурации в документации Supabase.

Генерация секретного ключа для Apple

Включение во FlutterFlow

Откройте Settings and Integrations > Supabase > Supabase Authentication и включите Enable Apple Authentication.

Включение Apple-аутентификации во FlutterFlow

Create Account [Действие]

Регистрация складывается из двух действий подряд:

  1. Create Account (раздел Supabase Authentication) — создаёт учётную запись и добавляет пользователя в Supabase Dashboard > Authentication > Users.
  2. Insert Row — записывает данные пользователя, например почту, в вашу таблицу «users», созданную ранее. Первое действие этого не делает.

Поток создания аккаунта

Login [Действие]

Вход — действие Log In (раздел Supabase Authentication). По нажатию кнопки пользователь подтверждает вход своим Apple ID.

Настройка действия Log In

Logout [Действие]

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

Подготовка к проверке

Чтобы запустить приложение на реальном устройстве, проект нужно настроить в Xcode: указать команду и сертификат подписи.

  1. Из Local Run откройте проект в Xcode.

    совет

    В Android Studio нажмите правой кнопкой на папку ios, найдите Flutter и выберите Open iOS module in Xcode.

  2. В Xcode выберите Runner в меню слева и перейдите на вкладку Signing and Capabilities.

  3. Оставьте Automatically manage signing — Xcode сам создаст профили, App ID и сертификаты. Иначе профиль подготовки придётся создавать вручную.

  4. В секции Signing выберите свою команду в списке Team.

  5. Запустите приложение на устройстве через Local Run.

Проверка

Записи новых пользователей появятся в Supabase project > Authentication > Users — и, если всё настроено верно, в вашей таблице users.

Пользователи в панели Supabase

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

обновлено

⌕ ESC