Аутентификация Firebase

​

Обзор

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

​

Шаг 1: Включите аутентификацию в Firebase

Сначала вам необходимо включить службу аутентификации в вашем проекте Firebase:

1. Перейдите в Консоль Firebase
2. Выберите свой проект
3. На левой боковой панели нажмите Authentication
4. Нажмите кнопку Get started, если вы еще не включили аутентификацию
5. Теперь вы увидите панель управления аутентификацией, где сможете настроить методы входа

​

Шаг 2: Настройте поставщиков аутентификации

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

​

Аутентификация по электронной почте/паролю

Самый распространенный метод аутентификации:

1. На панели управления аутентификацией перейдите на вкладку Sign-in method
2. В списке поставщиков нажмите Email/Password
3. Переключите переключатель Enable в положение «включено»
4. Нажмите Save

​

Аутентификация Google

Разрешите пользователям входить в систему, используя свои учетные записи Google:

1. На вкладке Sign-in method нажмите Google
2. Переключите переключатель Enable в положение «включено»
3. Введите Project support email (обычно ваш адрес электронной почты)
4. Нажмите Save

​

Другие поставщики

Firebase поддерживает множество других поставщиков аутентификации:

• Apple
• Facebook
• Twitter
• GitHub
• Microsoft
• Phone Number
• Anonymous

Процесс настройки аналогичен для большинства поставщиков — включите поставщика и настройте необходимые параметры.

​

Шаг 3: Настройте авторизованные домены

По соображениям безопасности Firebase разрешает аутентификацию только с авторизованных доменов. При использовании сторонних поставщиков (таких как Google, Facebook и т. д.) вам необходимо добавить домен вашего приложения Golex:

1. На панели управления аутентификацией перейдите на вкладку Settings
2. Прокрутите вниз до раздела Authorized domains
3. Нажмите Add domain

4. Добавьте домен вашего приложения Golex: {webappid}.myurl.live (замените {webappid} на идентификатор вашего веб-приложения). Найдите ссылку на скриншоте выше. Доступно в адресной строке в разделе предварительного просмотра.
5. Нажмите Add

​

Шаг 4: Использование аутентификации в вашем приложении Golex

После того как вы настроили аутентификацию Firebase, Golex упрощает реализацию функций аутентификации в вашем приложении:

​

Добавление компонентов входа

Golex предоставляет предварительно созданные компоненты для аутентификации пользователей:

1. В редакторе Golex перейдите на страницу, на которую вы хотите добавить аутентификацию
2. Откройте панель компонентов
3. Найдите «auth», чтобы найти компоненты аутентификации
4. Перетащите нужный компонент (форма входа, форма регистрации и т. д.) на свою страницу.

​

Управление состоянием аутентификации

Golex автоматически интегрируется с аутентификацией Firebase, что позволяет вам:

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

​

Шаг 5: Тестирование аутентификации

Чтобы убедиться, что ваша аутентификация работает правильно:

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

​

Общие проблемы и решения

​

Следующие шаги

Теперь, когда вы настроили аутентификацию Firebase, рассмотрите возможность изучения:

• Cloud Firestore — безопасно храните данные пользователей

Если у вас возникнут какие-либо проблемы с аутентификацией Firebase, обратитесь в Службу поддержки Golex для получения помощи.