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

Пользовательская аутентификация

Пользовательская аутентификация позволяет управлять данными аутентификации (данными входа) с использованием собственного бэкенда для проверки подлинности пользователей.

понятия

Для понимания концепции Токена необходимо понять, как работает безопасный доступ и верификация пользователей в приложении.

Добавление пользовательской аутентификации

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

Шаги по добавлению пользовательской аутентификации следующие:

  1. Включение пользовательской аутентификации
  2. Создание страниц
  3. Проверка подлинности пользователей
  4. Сохранение данных аутентификации
  5. Доступ к данным аутентификации
  6. Обновление данных аутентификации
  7. Выход из системы

1. Включение пользовательской аутентификации

Чтобы включить пользовательскую аутентификацию в FlutterFlow:

  1. Откройте Настройки и Интеграции () > Настройки приложения > Аутентификация.

  2. Включите переключатель Включить аутентификацию и установите Тип аутентификации на Пользовательскую.

  3. Для того чтобы пользователи были направлены на соответствующие страницы в зависимости от их статуса входа, необходимо установить начальные страницы.

  4. По умолчанию опция Сохранить сессию аутентификации включена, что означает, что пользователи остаются в системе во время работы до выхода. При включенной этой опции ваше приложение будет автоматически открываться на домашней странице при каждом запуске.

  5. После успешной аутентификации ваш бэкенд обычно отправляет данные для входа, такие как токен аутентификации, токен обновления и данные пользователя. Для того чтобы пользователь оставался в системе в приложении, необходимо сохранить эти данные. Это можно сделать, включив Связать тип данных пользователя и установив Тип данных пользователя в Свой тип данных. Обратите внимание, что структура вашего Своего типа данных должна тесно соответствовать структуре успешного JSON-ответа аутентификации. По крайней мере, она должна включать важные поля, такие как токен аутентификации.

2. Создание страниц

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

Также посмотрите, как создать макет страницы, если вы хотите создать страницу с нуля.

auth-2-template.avif

3. Проверка подлинности пользователей

На каждой странице при нажатии на кнопку можно добавить соответствующие вызовы API, связанные с аутентификацией. В этом примере мы используем этот.

4. Сохранение данных аутентификации

После успешной аутентификации вы можете сохранить данные, связанные с аутентификацией, используя действие 'Войти в систему'. Вот как это сделать:

  1. Внутри Правда ветви предыдущего вызова API добавьте действие Войти в систему (в разделе Бэкенд/База данных > Пользовательская аутентификация).

  2. В разделе Свойства аутентификации пользователя можно установить значения для Токена аутентификации, Токена обновления, Времени действия токена и Идентификатора пользователя. Обратите внимание, что для работы опции 'Сохранить сессию аутентификации' необходимо установить Токен аутентификации.

  3. Установите данные пользователя для сохранения результатов предыдущего вызова API (т.е. данные аутентификации) в тип данных пользователя. Посмотрите, как получить JSON в тип данных.

5. Доступ к данным аутентификации

Для доступа к данным аутентификации после входа пользователя откройте меню установить из переменной > Зарегистрированный пользователь > выберите из свойств аутентификации или поля данных пользователя.

6. Обновление данных аутентификации

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

Вот как это сделать:

  1. Как только вы получите статусный код 401, т.е. ошибку неверного пользователя, обязательно выполните вызов API для обновления токена доступа.

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

  3. В разделе Свойства аутентификации пользователя вы можете обновить значение для Токена аутентификации на новый токен доступа.

update-auth-data.avif

7. Выход из системы

Вы можете выйти из системы пользователя, добавив действие Выход из системы.

logout.avif