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

Действия аутентификации

В настоящее время FlutterFlow поддерживает следующие действия для аутентификации Supabase:

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

Это действие предоставляет пользователям несколько вариантов входа для доступа к их учетным записям.

Чтобы добавить действие входа по электронной почте, выполните следующие шаги:

  1. Выберите виджет (например, кнопку), к которому хотите добавить действие.
  2. Выберите Actions в Properties Panel (правая панель) и нажмите + Add Action.
  3. Найдите и выберите действие Log in (в разделе Backend/Database > Supabase Authentication).
  4. Установите Auth Provider в значение Email.
  5. В выпадающем списке Email Field выберите имя виджета, который принимает электронную почту (например, TextFieldEmail).
  6. В выпадающем списке Password Field выберите имя виджета, который принимает пароль (например, TextFieldPassword).

Действие «Создать учетную запись» [Action]​

С помощью этого действия вы можете предоставить пользователям возможность создавать учетные записи различными способами в зависимости от их предпочтений.

примечание

На данный момент мы поддерживаем создание учетных записей с использованием поставщиков Email/Password, Google и Apple.

Чтобы добавить действие регистрации по электронной почте, выполните следующие шаги:

  1. Выберите виджет (например, кнопку), к которому хотите добавить действие.

  2. Выберите Actions в Properties Panel (правая панель), Open the Action Flow Editor, и нажмите + Add Action.

  3. Найдите и выберите действие Create Account (в разделе Backend/Database > Supabase Authentication).

  4. Установите Auth Provider в значение Email.

  5. В выпадающем списке Email Field выберите имя виджета, который принимает электронную почту (например, TextFieldEmail).

  6. В выпадающем списке Password Field выберите имя виджета, который принимает пароль (например, TextFieldPassword).

  7. Аналогично, если в вашем интерфейсе есть поле для подтверждения пароля, установите Confirm Password Field в соответствующее значение.

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

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

Чтобы добавить это действие, выполните следующие шаги:

  1. Выберите виджет (например, кнопку), к которому хотите добавить действие.

  2. Выберите Actions в Properties Panel (правая панель). Если это первое действие, нажмите кнопку + Add Action. В противном случае нажмите кнопку "+" под плиткой предыдущего действия (в Action Flow Editor) и выберите Add Action.

  3. Найдите и выберите действие Log Out (в разделе Backend/Database > Supabase Authentication).

img_6.png

Действие «Отправить email для сброса пароля» [Action]​

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

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

Для реализации функциональности сброса пароля вам необходимо создать две следующие страницы в приложении:

  1. Страница ForgotPassword: Эта страница позволяет пользователям ввести адрес электронной почты и запросить ссылку для сброса пароля.
  2. Страница UpdatePassword: Эта страница позволяет пользователям установить новый пароль после перехода по ссылке для сброса.

Вот как вы можете добавить функцию сброса пароля Supabase в ваше приложение:

  1. На странице ForgotPassword добавьте действие Send Reset Password Email и установите выпадающий список Email Field в виджет, который принимает адрес электронной почты пользователя. Это действие отправит ссылку для сброса пароля на указанный email.
  2. Ссылка для сброса, отправленная пользователю, откроет страницу UpdatePassword. На этой странице добавьте действие Update Password и установите Password Field и Confirm Password Field в соответствующие виджеты ввода.
  3. Скопируйте имя маршрута страницы UpdatePassword и вставьте его в Supabase Dashboard > Authentication > Email Templates > Reset Password > Source. После "{{ .ConfirmationURL}}" добавьте "/[here]" только если вы не используете custom redirect URL. Если используется пользовательский URL перенаправления, URL подтверждения будет перенаправлять напрямую на указанный путь.
  4. Разверните приложение в веб-версии.
  5. Скопируйте URL вашего развернутого проекта и вставьте его в Supabase Dashboard > Authentication > URL Configuration > Site URL.
подсказка

Для мобильных устройств вы должны установить deep link URL в качестве Site URL. Чтобы найти его, перейдите в FlutterFlow > Settings & Integrations > App Details > Routing & Deep Linking, откройте всплывающую подсказку URL Scheme и скопируйте URL.

mobile-deeplink.avif

Использование пользовательских URL перенаправления​

Вместо использования пути по умолчанию {{ .ConfirmationURL }} вы можете опционально настроить custom redirect URL в Supabase. Эта опция позволяет обойти стандартную настройку и отправить пользователей напрямую на пользовательскую страницу в вашем приложении для сброса пароля.

Чтобы настроить пользовательский URL перенаправления:

  1. При добавлении действия Send Reset Password Email в FlutterFlow введите URL в поле Redirect To. Например, http://my-site.com/resetPassword.
  2. Добавьте этот пользовательский URL в белый список, перейдя в Supabase Dashboard > Authentication > URL Configuration > Redirect URL, и нажмите Add URL, чтобы включить его.
  3. Обновите шаблон сброса пароля. Перейдите в Supabase Dashboard > Authentication > Email Templates > Reset Password > Source и убедитесь, что в шаблоне присутствует только {{ .ConfirmationURL }} (удалите любые добавленные имена маршрутов).

Удаление пользователя​

На данный момент мы не поддерживаем действие удаления пользователя Supabase. Однако вы можете обратиться к этому видео сообщества за инструкциями по его реализации.