Вход через Google

Вход через Google Sign-In позволяет пользователям аутентифицироваться с использованием своих учетных записей Google.

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

Прежде чем приступить к этому разделу:

• Завершите Настройку Firebase
• Завершите Начальную установку
• Добавьте ключ SHA-1 и сгенерируйте Ключи конфигурации.

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

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

Добавление экрана входа с действием входа через Google

Создание экрана входа

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

Добавление действия входа

1. На кнопке входа через Google выберите Действия в панели свойств (правое меню) и выберите Добавить действие.
2. Поищите и выберите действие Вход (в разделе Backend/Database > Firebase Authentication).
3. Установите Провайдер аутентификации на Google.
4. Активируйте Создание документа пользователя и установите Коллекцию в users. После успешного входа это вставит детали пользователя, такие как электронная почта, имя и фото, в коллекцию users. Обратите внимание, что если пользователь уже существует, детали не будут добавлены снова.

Если вы еще этого не сделали, ознакомьтесь с тем, как создать коллекцию users.

подсказка

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

Тестирование входа через Google на различных платформах

Запуск в тестовом/рабочем режиме

1. Для тестирования входа через Google в тестовом или рабочем режиме необходимо добавить авторизованный домен в консоли Firebase и консоли Google Cloud.

   • В тестовом режиме вы можете открыть консоль браузера, попробовать войти и получить домен из консоли браузера. Он должен выглядеть как ff-debug-service-frontend-ygxkweukma-uc.a.run.app. Для пользователей Pro указанный URL также будет включать -pro, например, ff-debug-service-frontend-pro-ygxkweukma-uc.a.run.app.

   • В рабочем режиме можно просто использовать 'app.flutterflow.io'.

2. Добавление в консоль Firebase:

   1. Откройте консоль Firebase, перейдите в раздел Аутентификация и выберите вкладку Настройки.

   2. Выберите Авторизованные домены в левом меню.

   3. Нажмите Добавить домен.

3. Добавление в консоль Google Cloud:

   1. Перейдите на страницу Секреты вашего проекта.

   2. Убедитесь, что вы находитесь в правильном проекте. В нашем случае мы используем демонстрационный проект EcommerceFlow, для вас это будет отличаться.

   

   3. В разделе 'Идентификаторы приложений OAuth 2.0' выберите 'Веб-клиент (автоматически созданный Google Service)'.

   4. В разделе 'Авторизованные источники JavaScript' нажмите ДОБАВИТЬ URI и добавьте оба URL.

   5. Аналогично, в разделе 'Авторизованные URI перенаправления' нажмите ДОБАВИТЬ URI, добавьте оба URL и добавьте '/__/auth/handler' в конце.

4. Если вы еще не видите созданный Веб-клиент, вы можете создать новый, нажав +Создать учетные данные, выбрав идентификатор клиента OAuth, а затем выбрав тип Применение к приложению Web.

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

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