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

Для аутентификации через Supabase доступны следующие действия.

Log in [Действие]

Вход в существующий аккаунт.

  1. Выберите виджет — например, кнопку.
  2. В панели свойств справа откройте Actions и нажмите + Add Action.
  3. Найдите и выберите Log In (раздел Backend/Database > Supabase Authentication).
  4. В Auth Provider укажите Email.
  5. В Email Field выберите поле с адресом — например, TextFieldEmail.
  6. В Password Field выберите поле с паролем — например, TextFieldPassword.

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

Регистрация нового пользователя.

заметка

Поддерживаются провайдеры Email/Password, Google и Apple.

  1. Выберите виджет — например, кнопку.
  2. В панели свойств справа откройте Actions, нажмите Open и затем + 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.

Log out [Действие]

Действие завершает сессию и очищает данные входа в приложении.

  1. Выберите виджет — например, кнопку.
  2. В панели свойств справа откройте Actions. Если действие первое, нажмите + Add Action; иначе нажмите «+» под предыдущим действием в Action Flow Editor и выберите Add Action.
  3. Найдите и выберите Log Out (раздел Backend/Database > Supabase Authentication).

Действие Log Out

Send Reset Password Email [Действие]

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

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

Понадобятся две страницы:

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

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

Адрес deep link в настройках проекта

Собственный адрес перенаправления

Вместо стандартного пути {{ .ConfirmationURL }} в Supabase можно задать свой адрес — тогда пользователь из письма попадёт сразу на нужную страницу приложения.

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

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

Отдельного действия для удаления пользователя Supabase во FlutterFlow пока нет. Как обойтись тем, что есть, показано в ролике сообщества:

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

обновлено

ESC