Перейти к основному содержимому

Вход через Apple

Добавление входа через Apple с использованием Supabase предоставляет удобный, безопасный и ориентированный на конфиденциальность способ для пользователей регистрации или входа в ваше приложение с помощью их Apple ID.

В этом руководстве описаны шаги по интеграции входа через Apple с Supabase, включая настройку необходимых ключей и параметров как в Supabase, так и в консоли Apple Developer.

Предварительные требования

Перед добавлением входа через Apple в ваш проект FlutterFlow убедитесь, что у вас выполнены следующие условия:

  1. Завершены все шаги в разделе Настройка Supabase
  2. Завершена Начальная настройка для аутентификации.
  3. Создан Аккаунт Apple.
  4. Активный Аккаунт Apple Developer. Подробнее о Программе Apple Developer и о том, как зарегистрироваться.

Добавление входа через Apple включает следующие шаги:

Настройка в консоли Apple Developer​

Для настройки входа через Apple необходимо настроить несколько параметров в консоли Apple Developer. Это включает настройку электронной почты для управления конфиденциальностью пользователей и активацию возможности входа через Apple для вашего App ID.

Настройка электронной почты​

Вход через Apple — это система аутентификации, ориентированная на конфиденциальность. Одной из её ключевых особенностей является возможность скрывать реальный адрес электронной почты пользователя при регистрации в приложениях и сервисах. Когда пользователи выбирают скрытие электронной почты, вы получаете один случайный адрес электронной почты, который пересылает сообщения на реальную электронную почту Apple ID пользователя. Это помогает пользователям сохранять конфиденциальность своих реальных адресов электронной почты.

hide-apple-email.avif

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

Для регистрации источников электронной почты откройте раздел Services (в разделе Certificates, Identifiers & Profiles) в вашем аккаунте Apple Developer, настройте Sign in with Apple for Email Communication, добавьте источник электронной почты и завершите процесс регистрации.

Активация возможности входа через Apple для вашего App ID​

Чтобы активировать вход через Apple для вашего приложения, откройте раздел Identifiers в вашем аккаунте Apple Developer, выберите существующий App ID, активируйте Sign In with Apple и нажмите Save.

подсказка

Если вы ещё не создали App ID, следуйте инструкциям Apple по регистрации App ID.

Настройка аутентификации Apple в Supabase​

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

подсказка

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

get-secret-key.avif

Активация аутентификации Apple в FlutterFlow​

Чтобы активировать аутентификацию Apple Supabase в FlutterFlow, перейдите в Settings and Integrations > Supabase > Supabase Authentication и включите переключатель Enable Apple Authentication.

enable-apple-auth-flutterflow.avif

Создание аккаунта [Действие]​

Теперь добавьте поток создания аккаунта, который состоит из следующих двух действий:

  1. Действие Create Account: Добавьте действие Create Account (в разделе Supabase Authentication). Это создаст аккаунт в Supabase и добавит данные пользователя в Supabase Dashboard > Authentication > Users.
  2. Действие Insert Row: Предыдущее действие не создаёт автоматически запись в публичной таблице "users", которую вы создали здесь. Для этого добавьте действие Supabase Insert Row, чтобы записать данные пользователя, такие как их электронная почта.

create-account.avif

Вход [Действие]​

Чтобы включить вход пользователя, добавьте действие Log In (в разделе Supabase Authentication). Когда пользователи нажимают кнопку входа, им будет предложено войти с использованием учётных данных Apple.

login.avif

Выход [Действие]​

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

Подготовка к тестированию​

Чтобы протестировать приложение на реальном устройстве, необходимо настроить проект в Xcode. Это включает добавление команды в проект и установку подходящего сертификата подписи.

Вот как настроить проект в Xcode:

  1. Из локального запуска откройте проект в Xcode.
подсказка

Если вы используете Android Studio, щёлкните правой кнопкой мыши на папке ios, найдите Flutter и затем нажмите Open iOS module in Xcode.

  1. В Xcode щёлкните на Runner (левое меню) и выберите вкладку Signing and Capabilities.
  2. Мы рекомендуем выбрать опцию Automatically manage signing. Это автоматически создаст профили, App ID и сертификаты, необходимые для сборки и запуска приложения. Если не выбрать, вам придётся вручную создать профиль обеспечения и добавить его в Xcode.
  3. В разделе Signing найдите выпадающий список Team и выберите вашу команду.
  4. Теперь используйте Local Run для тестирования приложения на реальном устройстве.

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

Чтобы убедиться, что аутентификация Apple добавлена успешно, перейдите в Supabase project > Authentication > Users и проверьте записи пользователей. Также проверьте записи в вашей публичной таблице users.

user-entries-in-supabase-auth