Вход по электронной почте с использованием Firebase

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

Перед началом работы в этом разделе:

• Завершите Настройку Firebase
• Завершите Начальную настройку

Включение провайдера входа по электронной почте в Firebase

1. Откройте Firebase-консоль и нажмите на Аутентификация.
2. Нажмите кнопку Начать (она может быть невидима, если у вас уже настроены другие способы аутентификации).
3. Выберите вкладку Методы входа.
4. Нажмите на Электронная почта/Пароль (в разделе "Встроенные провайдеры"). Если вы уже добавили какой-то другой провайдер, нажмите "Добавить новый провайдер", а затем нажмите на Электронная почта/Пароль.
5. Найдите переключатель Электронная почта/Пароль и включите его.
6. Нажмите кнопку Сохранить.

Добавление экрана входа с полями электронной почты/пароля

В FlutterFlow вы можете использовать функцию Шаблоны страниц для создания нового страницы аутентификации, которая включает в себя компонент "Создать учетную запись" и "Войти".

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

Действие Создания Учетной Записи

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

Основная цель - зарегистрировать и сохранить новые данные пользователей надежным образом в вашей базе данных или сервисе аутентификации (например, Firebase). Этот процесс обычно включает в себя шаги, такие как проверка формата данных (например, формат электронной почты), проверка уникальности имен пользователей или адресов электронной почты и т. д.

Чтобы включить это в FlutterFlow, следуйте этим шагам:

1. Создайте страницу с помощью Шаблонов страниц или с нуля и добавьте поля, такие как Электронная почта, Пароль и Подтвердить пароль. В зависимости от ваших требований, вы можете добавить дополнительные поля.
2. Добавьте кнопку "Создать учетную запись" или "Зарегистрироваться" и присоедините к ней действие.
3. Найдите и выберите действие Создать учетную запись в разделе Бэкэнд/ База данных > Аутентификация Firebase.
4. Установите Провайдер аутентификации на Электронную почту.
5. Настройте поля для получения значений из переменных, которые обычно находятся в разделе Состояние виджета > Название поля.
6. Документ Создать пользователя включен по умолчанию. Это означает, что документ пользователя будет создан в коллекции 'users' после аутентификации пользователя, если его уже не существует с данными, такими как электронная почта и UID.
   • Чтобы создать документ пользователя в другой коллекции, настройте выпадающий список Созданный документ > Коллекция на желаемую коллекцию.
   • Если требуются дополнительные сведения, такие как имя, возраст и дата рождения при регистрации, нажмите на **+ Добавить поле и установите его значение. Убедитесь, что такие поля уже созданы в коллекции 'users'.

Отправка ссылки для подтверждения по электронной почте [Действие]

к сведению

Для понимания необходимости подтверждения по электронной почте при входе с электронной почтой и паролем, обратитесь к Методам аутентификации

1. Добавьте новое действие сразу после действия Создать учетную запись.

2. Найдите и выберите действие Отправка ссылки для подтверждения по электронной почте (находится в разделе Бэкэнд/База данных > Аутентификация Firebase) . Электронная почта пользователя автоматически извлекается из Firebase-аутентификации, и ссылка на подтверждение отправляется пользователю для подтверждения.

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

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

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

Для включения этого в FlutterFlow, следуйте этим шагам:

1. Создайте еще одну страницу входа с использованием Шаблонов страниц или с нуля и добавьте поля, такие как Электронная почта, Пароль.
2. Добавьте кнопку "Войти" и присоедините к ней действие.
3. Найдите и выберите действие Вход в разделе Бэкэнд/База данных > Аутентификация Firebase.
4. Настройте поля для получения значений из переменных, которые обычно находятся в разделе Состояние виджета > Название поля.

к сведению

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

Проверка пользователей, созданных в Firebase Console

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